用作favicon的PNG或ICO缺乏透明度（IE / Edge）

Question

我注意到网页（包括我自己的网页）的某些图标无法正确显示，而且忽略了透明度。

例如：

随意使用IE / Edge测试我的web-page favicon，它会显示类似的结果。我已确保使用GIMP导出透明度（在alpha图层中）。下面附有图像供参考。

有没有人看到我对图标的标题编码或图像问题有什么问题？

<link rel="icon" type="image/x-icon" href="./favicon.ico?v=1.0">

Answer 1

上图所示的问题似乎是Microsoft Edge黑暗主题的一个错误，因为favicon在灯光主题上出现了预期。

然而，通过添加以下代码行解决了Internet Explorer的问题（在favicon下显示文档图标）：

{

Answer 2

IE支持ico作为favicon，您需要从ico图像生成png。 IE 11支持Favicons的PNG。