gpt4 book ai didi

html - Favicon 是完全透明的吗?

转载 作者:行者123 更新时间:2023-11-27 23:29:07 33 4
gpt4 key购买 nike

有一个缩进表明我的网站图标已加载,但我没有看到网站图标,而是看到一个完全空白的区域,该区域应该是网站图标。图像是 38x48,但我也试过 32x32。 48x48 约为 10kb,32x32 约为 5kb。它肯定不是空白/透明图像。

这是我在加载 favicon 时看到的:an browser-bar tab is shown with an indentation where the favicon should be.

这是我加载无图标时看到的:a browser-bar tab is shown with no indentation, indicating that no favicon was loaded.

你能看出区别吗?我应该看到一张叶子用变成蜂蜜的鸟唾液包裹婴儿脸颊的照片。

*我将其置于合规性之下,因为我认为这可能是图像大小、尺寸或其他非常小众的问题。

这是头。不知道是不是因为我在中国,W3C可能无法访问....接下来我要试试怪癖模式。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">
<head>
<title>...</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="description" content="..." />
<meta name="keywords" content="..." />
<link rel="icon" type="image/x-icon" href="/index.ico" />
<!-- Style link START -->
<link rel=stylesheet media="screen" type="text/css" size="48x48" href="screen.css">
<!-- Style link END -->
</head>

最佳答案

对于不同类型的浏览器,网站图标必须具有不同的大小。重要的是每个浏览器的大小都是正确的。您似乎在使用 mozilla,因此请使用以下任一图像:

  • 16 x 16
  • 32 x 32
  • 48 x 48
  • 62 x 62

全部以像素为单位。这是代码:

<!-- For IE 11, Chrome, Firefox, Safari, Opera -->  
<link rel="icon" href="path/to/favicon-16.png" sizes="16x16" type="image/png">
<link rel="icon" href="path/to/favicon-32.png" sizes="32x32" type="image/png">
<link rel="icon" href="path/to/favicon-48.png" sizes="48x48" type="image/png">
<link rel="icon" href="path/to/favicon-62.png" sizes="62x62" type="image/png">
<!-- More info: https://bitsofco.de/all-about-favicons-and-touch-icons/ -->

希望这能奏效。

关于html - Favicon 是完全透明的吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36855156/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com