图标未更新;闪烁新版本,然后恢复

Favicon not updating; flashes new version, then reverts

我正在尝试更新我网站上的图标,但发生了一些奇怪的事情:它显示新版本一瞬间,然后恢复为旧图标。查看 yesinsights.com to see what I mean -- watch the favicon carefully. Here's what the favicon should look like.

我试过向网站图标添加查询参数 url,我试过清除浏览器的缓存(我在 Ubuntu 上使用 Firefox),我试过各种方法<link> 标签的变体,似乎没有任何效果。任何帮助将不胜感激。提前致谢!

嗯,通常我会关闭并重新打开我的浏览器,然后缓存图标就会实现。

一个可能的解决方案是使用版本控制强制浏览器显示新图标,如下所示:

<link rel="shortcut icon" href="icons/favicon.ico?v=RyyR6aw6zk" />

仅供参考,该图标对我来说显示正确,但那是因为它没有为我缓存。很难从缓存中删除网站图标。

我看到你引用了亚马逊的图标。检查您的图标是否也位于您网站的根目录中。

(应要求,这里是作为答案)

您的图标在不同像素尺寸下看起来不同:

浏览器获取 16×16 的白色背景,而 your link 显示 64×64 的蓝色背景。

See this Wikipedia article 有关 ICO 文件格式的详细信息。

解决方案 1

一个解决方案可能是获取一个工具来编辑您的图标以仅包含 16×16 图像并删除图标文件中的所有其他图像。

就我个人而言,我使用 Microangelo and IcoFX 作为图标编辑器(均为商业图标)。

解决方案 2

或者,您可以通过将 PNG 图像上传到各种在线工具之一来生成网站图标,例如this one.

解决方案 3

另一个解决方案是根本不使用 ICO 文件,而是使用 PNG 文件,方法是在 <head> 标签内使用类似这样的内容:

<link rel="icon" type="image/png" href="http://my-domain.com/my-favicon.png" />

正如 Ajpocus 在下面的评论中提到的,这适用于大多数浏览器,但在 IE 领域 only for IE 11+