我试图更新我的网站上的图标,但奇怪的事情发生了:它会在瞬间显示新版本,然后恢复到旧图标。请查看yesinsights.com来了解我的意思--仔细观察favicon。
我试过给favicon url添加一个查询参数,我试过清除浏览器的缓存(我在Ubuntu上使用Firefox),我试过<link>
标签的各种变体,但似乎都不起作用。任何帮助都将非常感谢。提前感谢!
我试图更新我的网站上的图标,但奇怪的事情发生了:它会在瞬间显示新版本,然后恢复到旧图标。请查看yesinsights.com来了解我的意思--仔细观察favicon。
我试过给favicon url添加一个查询参数,我试过清除浏览器的缓存(我在Ubuntu上使用Firefox),我试过<link>
标签的各种变体,但似乎都不起作用。任何帮助都将非常感谢。提前感谢!
3条答案
按热度按时间wz3gfoph1#
您的图标在不同的像素尺寸下看起来不同:
浏览器获取的是白色背景的16×16,而your link显示的是蓝色背景的64×64。
See this Wikipedia article,了解有关ICO文件格式的详细信息。
溶液1
一种解决方案是获取一个工具来编辑图标,使其只包含16×16的图像,并删除图标文件中的所有其他图像。
就我个人而言,我使用Microangelo和IcoFX作为图标编辑器(都是商业版)。
溶液2
或者,您可以通过将PNG图像上传到各种在线工具之一来生成一个favicon,例如this one。
解决方案3
另一个解决方案是在
<head>
标签中使用类似下面的内容,从而完全不使用ICO文件,而是使用PNG文件:正如Ajpocus在下面的评论中提到的,这对大多数浏览器都有效,但在IE浏览器中只适用于IE 11+。
eoigrqb62#
一个可能的解决方案是使用版本控制来强制浏览器显示新图标,如下所示:
仅供参考,图标显示正确,但这是因为它没有为我缓存。收藏夹图标很难从缓存中删除。
我看到你引用了亚马逊的图标。请检查你的图标是否也位于你网站的根目录中。
i86rm4rw3#
嗯,通常我关闭和重新打开我的浏览器和该高速缓存图标刷新。