html - 图标未更新;闪烁新版本,然后恢复

标签 html web favicon

我正在尝试更新我网站上的网站图标,但发生了一些奇怪的事情:它显示新版本一瞬间,然后恢复为旧图标。查看yesinsights.com明白我的意思——仔细观察网站图标。 Here's what the favicon should look like.

我试过向 favicon url 添加一个查询参数,我试过清除浏览器的缓存(我在 Ubuntu 上使用 Firefox),我试过 <link> 上的各种变体。标签,但似乎没有任何效果。任何帮助将不胜感激。提前致谢!

最佳答案

(根据要求,这里是 my comment 作为答案)

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

enter image description here

浏览器获取白色背景的 16×16,而 your link显示带有蓝色背景的 64×64。

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

解决方案一

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

就我个人而言,我用过 MicroangeloIcoFX作为图标编辑器(均为商业)。

方案二

或者,您可以通过将 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/

相关文章:

css - div根据父矩形剪切路径

html - CSS内联 block 不换行

html - 从 HTML 表单中使用 c 程序获取数据

JavaScript 图像叠加 Web 应用程序

html - 如何修复 : favicon only showing up on the homepage of my website

javascript - 修复加载 2 Favicon 或 Tab 图标

javascript - 使用 jQuery 附加一个特殊字符不起作用

javascript - 如何在 nextjs 上设置粒子背景?

android - Firebase 离线数据

css - 将字体样式应用于浏览器选项卡文本