HTML 图标链接标签在 Chrome 中不起作用

Question

我在 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。

Answer 1

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

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

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

这包含在 this SO question 中.