Question

我试图在我的网站上更新favicon，但发生了一些奇怪的事情：它显示新版本的瞬间，然后恢复到旧图标。查看yesinsights.com以查看我的意思 - 仔细观看图标。 Here's what the favicon should look like.

我已尝试在favicon网址中添加查询参数，我已尝试清除浏览器的缓存（我在Ubuntu上使用Firefox），我已尝试过<link>标签上的各种变体，似乎没有任何效果。任何帮助将非常感谢。提前谢谢！

Answer 1

（根据要求，此处my comment为答案）

您的图标在不同的像素尺寸上看起来有所不同：

浏览器采用白色背景的16×16，而your link显示蓝色背景的64×64。

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

解决方案1 

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

就个人而言，我使用Microangelo和IcoFX作为图标编辑器（均为商业广告）。

解决方案2

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

解决方案3

另一个解决方案是在<head>标记内使用类似的内容，除了PNG文件外根本不使用ICO文件：

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

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

Answer 2

嗯，我习惯性地关闭并重新打开我的浏览器，并且实现缓存图标。

Answer 3

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

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

仅供参考，该图标正确显示给我，但这是因为它没有为我缓存。 Favicons很难从缓存中删除。

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