3

我在 Firefox 中看到了该图标，但在 Chrome 中却不见了；HTML有什么问题吗？

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico"/>
<link rel="shortcut icon" type="icon" href="favicon.ico"  />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
<link rel="icon" type="image/png" href="favicon.png">

文件的尺寸是否重要？我的图标尺寸是 20 X 20。

4

7 回答 7

6

您的网站图标应该是 16x16 或 32x32 .ico 文件。将图标放在站点的根目录中。链接：

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

注意：Chrome 和 IE 要求图像为 16x16，并且不会显示本地文件的网站图标。确保清除缓存以测试更改。

这个 SO question涵盖了这一点。

于 2013-06-20T07:55:24.693 回答
1

尝试使用<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">. 其他原因可能是缓存。

于 2013-06-20T07:26:42.240 回答
1

浏览器只是缓存以前的版本，所以只需添加 <link rel="icon" type="image/x-icon" href="favicon.ico?v=2">

于 2022-01-31T15:13:34.587 回答
0

首先尝试清除缓存。缓存有时会出现很多问题，接下来尝试使用image/x-icon它的类型<link>:)

在根目录中添加 favicon 并检查！:) 这在这里有效：favicon 不会出现在 chrome 中，但会出现在 IE、Firefox 等其他浏览器中

于 2013-06-20T07:27:44.880 回答
0 
<link rel="icon" 
      type="image/x-icon" 
      href="img/favicon.ico">

所有主要浏览器的

根据您使用的文件类型，以下之一是在精心构建的 Web 浏览器中添加网站图标的标准方法。

<link rel="icon" type="image/png" href="http://www.example.com/image.png">
<link rel="icon" type="image/gif" href="http://www.example.com/image.gif">
<link rel="icon" type="image/jpeg" href="http://www.example.com/image.jpg">
<link rel="icon" type="image/vnd.microsoft.icon" href="http://www.example.com/image.ico">
于 2013-06-20T07:27:54.550 回答
0

我只用这个：<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="here_your_favicon_address"/>。到处工作

于 2013-06-20T07:35:34.457 回答
0

请试试这个：

<link rel="apple-touch-icon" href="path/to/touchicon.png">
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
<!-- or, set /favicon.ico for IE10 win -->
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">

详细教程，请点这里。

于 2013-06-20T08:04:59.287 回答