图标未更新;闪烁新版本,然后恢复
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+。
我正在尝试更新我网站上的图标,但发生了一些奇怪的事情:它显示新版本一瞬间,然后恢复为旧图标。查看 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+。