favicon.ico 没有出现在任何地方答案

【问题标题】：favicon.ico not showing up anywherefavicon.ico 没有出现在任何地方
【发布时间】：2015-05-08 16:43:59
【问题描述】：

我已经查看了这里的几个帖子，并且我在网上做了进一步的研究，但我无法找到问题。

我将 favicon.ico 放在主目录中，但它没有显示在任何浏览器上。我已经在 Firefox 和 Safari 上亲自尝试过，其余的我已经在 Browsershots 上尝试过。

我在 html 的头部也有这一行：

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

我也尝试过不使用类型...，因为我在同一服务器上的其他页面上都有它。

我的两个站点在同一台服务器上，网站图标位于站点目录的同一位置。 ??

我唯一能想到的是在线转换 ico 并将其保存在我的 MacBook Pro 上，然后再将其上传到服务器时出现问题？

非常感谢任何帮助、提示或想法。

【问题讨论】：

【解决方案1】：

并非所有图标都相同！我有一段时间遇到这个问题，永远无法弄清楚为什么有些浏览器没有显示图标。我绝对肯定地知道该文件存在于链接标签所说的位置。最终我发现，至少对于 Chrome 和 Opera，它们不会根据 .ico 文件中的格式显示一些图标。

例如将显示仅具有 64x64 和 32x32 以及 16x16 格式的 .ico。

但是，除了上述格式之外，还具有 512x512 256x256、128x128 和 48x48 格式的 .ico 将不会显示。

这看起来确实是一个浏览器问题，但奇怪的是它会影响多个浏览器。

无论如何，至少对我而言，解决方案是只包含 64x64 和 32x32 以及 16x16 格式。

【讨论】：

【解决方案2】：

Chrome 不喜欢我的 favicon.ico 是 64x64 图像这一事实。我将其更改为 32x32 像素的图像，它就显示出来了！

【讨论】：

【解决方案3】：

遇到了同样的问题。找到了这个很好的答案：https://stackoverflow.com/a/16375622/5359989

对我有用的是将“favicon.ico”更改为独特的东西，例如“myfavicon.ico”并相应地在 html 中引用它。希望这也适用于您。

【讨论】：

【解决方案4】：

改变这个：

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

到这里：

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

您的网站图标未显示的另一个原因可能是您正在查看网站的缓存版本。

清除您的缓存并再次打开该网站，您将看到该网站图标。

【讨论】：

【解决方案5】：

您在 href="" 属性中使用了相对路径。将其更改为根相对路径 /favicon.ico 或绝对路径 http://yoursite.com/favicon.ico。

【讨论】：