如何检查我的 favicon 文件是否对 IE 有效？答案

【问题标题】：How can I check to see if my favicon file is valid for IE?如何检查我的 favicon 文件是否对 IE 有效？
【发布时间】：2016-06-09 03:58:00
【问题描述】：

我的网站图标在 FF、Chrome 和 Safari 中运行良好，但在 IE 中运行良好。都是现代版本，但我没有确切的版本号。

<link rel='shortcut icon' href = '../images/favicon.png'>

似乎在 2008 年，IE 更加特别（see SO here）。

但是，无论如何我可以进一步解决我丢失的图标。 IE 是唯一存在 .png 文件问题的浏览器吗？他们是否在 2016 年延续了这种困难的传统？

感谢您的帮助。

【问题讨论】：

【解决方案1】：

确保您的网站图标文件是 .ico 文件，这是我的最佳猜测。看看这个网络工具来转换文件 --> http://www.favicon-generator.org/

【讨论】：

【解决方案2】：

你使用了一个 PNG 图标，声明它好像是一个老式的 ICO 图标（rel="shortcut icon"，没有 type 属性）。

您应该结合旧的 ICO 和“现代”PNG 格式来完成所有工作。例如：

<link rel="icon" type="image/png" href="/path/to/icons/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="/path/to/icons/favicon.ico">

我建议您使用Real Favicon Generator，它会生成图标和相应的HTML 代码。完全披露：我是这个网站的作者。

【讨论】：