html Favicon未更新; Flink 新版本,然后恢复

tzcvj98z  于 2022-12-16  发布在  Flink
关注(0)|答案(3)|浏览(159)

我试图更新我的网站上的图标,但奇怪的事情发生了:它会在瞬间显示新版本,然后恢复到旧图标。请查看yesinsights.com来了解我的意思--仔细观察favicon。
我试过给favicon url添加一个查询参数,我试过清除浏览器的缓存(我在Ubuntu上使用Firefox),我试过<link>标签的各种变体,但似乎都不起作用。任何帮助都将非常感谢。提前感谢!

wz3gfoph

wz3gfoph1#

  • (根据要求,这里是我的评论作为回答)*

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

浏览器获取的是白色背景的16×16,而your link显示的是蓝色背景的64×64。
See this Wikipedia article,了解有关ICO文件格式的详细信息。

溶液1

一种解决方案是获取一个工具来编辑图标,使其只包含16×16的图像,并删除图标文件中的所有其他图像。
就我个人而言,我使用MicroangeloIcoFX作为图标编辑器(都是商业版)。

溶液2

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

解决方案3

另一个解决方案是在<head>标签中使用类似下面的内容,从而完全不使用ICO文件,而是使用PNG文件:

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

正如Ajpocus在下面的评论中提到的,这对大多数浏览器都有效,但在IE浏览器中只适用于IE 11+。

eoigrqb6

eoigrqb62#

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

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

仅供参考,图标显示正确,但这是因为它没有为我缓存。收藏夹图标很难从缓存中删除。
我看到你引用了亚马逊的图标。请检查你的图标是否也位于你网站的根目录中。

i86rm4rw

i86rm4rw3#

嗯,通常我关闭和重新打开我的浏览器和该高速缓存图标刷新。

相关问题