我正在尝试更新我网站上的网站图标,但发生了一些奇怪的事情:它显示新版本一瞬间,然后恢复为旧图标。查看yesinsights.com明白我的意思——仔细观察网站图标。 Here's what the favicon should look like.
我试过向 favicon url 添加一个查询参数,我试过清除浏览器的缓存(我在 Ubuntu 上使用 Firefox),我试过 <link>
上的各种变体。标签,但似乎没有任何效果。任何帮助将不胜感激。提前致谢!
最佳答案
(根据要求,这里是 my comment 作为答案)
您的图标在不同像素尺寸下看起来不同:
浏览器获取白色背景的 16×16,而 your link显示带有蓝色背景的 64×64。
See this Wikipedia article有关 ICO 文件格式的详细信息。
解决方案一
一个解决方案可能是获取一个工具来编辑您的图标以仅包含 16×16 图像并删除图标文件中的所有其他图像。
就我个人而言,我用过 Microangelo和 IcoFX作为图标编辑器(均为商业)。
方案二
或者,您可以通过将 PNG 图像上传到各种在线工具之一来生成网站图标,例如this one .
方案三
另一种解决方案是在 <head>
中使用类似这样的内容,而不使用 ICO 文件,而是使用 PNG 文件。标签:
<link rel="icon" type="image/png" href="http://my-domain.com/my-favicon.png" />
正如 Ajpocus 在下面的评论中提到的,这适用于大多数浏览器,但在 IE 领域 only for IE 11+ .
关于html - 图标未更新;闪烁新版本,然后恢复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39603882/