为什么我的图标没有显示，尽管它定义正确？答案

【问题标题】：Why my favicon not showing up, although it is defined correctly?为什么我的图标没有显示，尽管它定义正确？
【发布时间】：2011-05-13 23:55:57
【问题描述】：

好的，我的网站图标由于某种原因没有出现。在image/favicon.ico （我已经检查了 5 次）。

这是我使用的代码：

<link rel="shortcut icon" href="images/favicon.ico" />

这是网站：http://prime.programming-designs.com/

【问题讨论】：

在 IE8 中显示良好...令人惊讶。
在 Chrome 5 和 Firefox 3.6 中为我工作
在几乎所有浏览器中，网站图标确实需要很长时间才能更改，这是一个事实，我已经经历过很多次了，请耐心等待，总有一天你会感到惊讶。对于访问您网站的任何新用户，他们都会看到新的网站图标 :)
如果你把它放在根目录下，它应该会显示出来，而不必把链接也放进去。还在 FireFox、Chrome、Safari 和 Opera 中为我展示。
每当我的favicon 出现问题时，我都会直接在浏览器中浏览它并强制重新加载。

【解决方案1】：

它可能只是缓存在您的浏览器中，它在我的浏览器中显示为一个蓝十字。

否则，请检查您的图像路径。 image/favicon.ico 与 images/favicon.ico 不匹配，但这可能只是一个错字。

【讨论】：

【解决方案2】：

然而，迟到了。我遇到的这个问题比我应该的要多。我的解决方法是添加一个“版本号” ?v1 或其他什么，这将清除缓存。

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

【讨论】：

【解决方案3】：

删除浏览器的缓存并重新启动浏览器。可能需要一段时间才能显示在例如 FF 中

【讨论】：

【解决方案4】：

大多数浏览器（如 IE）都会请求/favicon.ico，尽管您已设置，但如果您返回正确的 Content-Type 并以正确的方式设置，它应该仍然有效。

您可以尝试这样做：

<link rel="shortcut icon" href="/images/favicon.ico?289349832" />

查询字符串通常会强制浏览器重新请求资源，因为它是唯一的。

您也可以尝试将服务器从/favicon.ico 重定向到/images/favicon.ico

您也可以将/images/favicon.ico 移动到根目录。

但是，浏览器自然真的会缓存网站图标中的垃圾，所以我的建议是等待，因为很可能以上都无济于事。它应该及时显示在您的浏览器上。

【讨论】：

【解决方案5】：

【讨论】：

【解决方案6】：

我刚刚将 favicon 重命名为 favicon1 并上传了更改后的文件，它可以正常工作。

【讨论】：

【解决方案7】：

我遇到了一个特定页面一个月左右没有显示网站图标的问题，这真的变得很烦人。我最终解决了是因为我试图将标题放在一个跨度内，例如

<span id="title"><title>Page Title</title></span>

页面上的其他所有内容都运行良好，但网站图标拒绝显示！

【讨论】：

【解决方案8】：

这对我有用，但是当我将结尾更改为 .png 或 .ico .jpg 等时，它又开始工作了

示例：

<link rel="shortcut icon" type="image/png" href="image.png">

【讨论】：