【问题标题】:Which versions of IE support PNG favicons?哪些版本的 IE 支持 PNG 图标?
【发布时间】:2013-06-01 08:53:34
【问题描述】:

In this old StackOverflow post,据说只有IE6的PNG图标有问题,but on channel9,据说IE7也不支持PNG图标。

但是,不幸的是,channel9 链接已被删除 - 那么有谁知道官方/测试信息表明哪个版本的 IE 开始支持 PNG 图标?

【问题讨论】:

    标签: html image internet-explorer cross-browser favicon


    【解决方案1】:

    IE8+ 支持 .png 这可能对 :http://www.w3.org/2005/10/howto-favicon

    有用

    【讨论】:

      【解决方案2】:

      没有任何版本的 Internet Explorer 可以支持 PNG 图标。

      这是一篇关于 Favicon http://www.jonathantneal.com/blog/understand-the-favicon/的非常好的文章

      http://en.wikipedia.org/wiki/Favicon

      【讨论】:

      • 双重否定,你的意思是他们支持还是不支持?
      • IE 不支持 PNG 图标
      • 那么您可能需要考虑更新您的答案,因为它目前声明“没有任何版本不支持它”,当删除否定时表示“所有版本都支持它”。
      【解决方案3】:

      简短的回答:

      IE11 是第一个支持直接使用.png.gif 文件格式图标的Internet Explorer 版本。

      为什么会出现混乱?

      正如你提到的,some seem to have implied that .png favicons are supported in IE7+,而其他人则相反。

      我认为这种混淆是由于 .png 图像可以在 内部 .ico 文件(.ico 文件毕竟只是图像容器文件)从 IE7 开始,它是真的 。

      但是,以前,直接 .png 网站图标只与其他主要浏览器(Chrome、Firefox 等)兼容。

      证明.png Favicon 在 IE11 及更高版本中的直接兼容性:

      Favicon wikipedia page 上的 File Format support 部分类似于以下内容:

      [20] 指向一篇名为 Fun with Favicons 的文章,该文章由 Microsoft 前员工和 2013 年 Microsoft MVP 撰写。

      文章包括以下内容:

      IE11 显示了对 Favicon 支持的一些重大改进:

      • 可以使用脚本动态更改网站图标。
      • Favicon URL 可能直接指向 GIF 文件。
      • Favicon URL 可能直接指向 PNG 文件。

      但请注意,由于与旧版本 IE 的兼容性问题,直接使用 .png 图标可能不是最好的主意,正如 Eric 在同一篇博文中提到的那样:

      “当然,仅仅因为你可以指向 .png.gif 并不意味着 你应该——出于兼容性和经验的原因(记住 .ico 可以容纳多种图像尺寸以最适合显示上下文) 您应该继续使用 .ico 作为您的网站图标。”

      Mr.Law 写的另一篇文章IE11 Changes 也简单提到了IE11 对直接.png.gif 文件格式图标的支持。

      .png Favicon 在 IE10 及之前版本不兼容的证明:

      有很多官方和非官方消息证明IE10及之前只支持.icoFavicons。

      截至 2013 年 10 月 13 日,Favicon 维基百科页面的“文件格式支持”部分类似于以下内容:

      2012 年 MSDN 上名为 How to Add a Shortcut Icon to a Web Page 的文章包含以下 sn-p:

      "请注意,.ico 以外的图像格式的快捷方式图标 — 用于 例如,.bmp.gif.png无法在 Internet 中显示 探索者。”

      一些非官方来源的引述:

      “首先,IE 需要一个实际的图标文件。不仅仅是重命名的 jpgpng 带有 ico 扩展名。” - Greg Hostetler, Setting up Favicons in IE7.

      "必须是windows图标格式而不是PNG或者GiF,IE8就可以了 支持 ICO。” - xyberbit, MSDN.

      “另一方面,Internet Explorer 不支持 PNG 图标, 但它会忽略 PNG 图标并使用 ICO 图标,不管 声明它们的顺序。” - Jonathon T.Neal

      “一个。大。问题。IE10不支持条件cmets,它 不支持 PNG 图标。” - Jonathon T.Neal

      已回答的其他问题:

      我可以将文件类型从.png 重命名为.ico,反之亦然 解决这个不兼容问题?

      遗憾的是没有(由@Truerror 于 2013 年 6 月 17 日在 IE10 中测试)。 IE10 及之前版本需要一个实际的图标 (.ico) 文件。

      应该是 16x16 .ico

      以下是Microsoft 对此的看法:

      “考虑创建一个 16x16 像素的图标和一个 32x32 像素的图标 图标(在带宽允许的情况下更大),因为在高 DPI 显示器上, Internet Explorer 可能会拉伸图标以适应可用空间。”

      【讨论】:

      • 重命名为 .png 的 .ico 文件是否仍被视为 ico 文件?例如,我将 favico.ico 重命名为 favico.png。它最初是 ico,但现在仍然是 ico,还是被认为是合法的 png?
      • @Truerror 我不这么认为,我认为它们需要正确转换(您可以使用icotopng.comconvertico.com等网站)
      • 已确认。使用 appengine 制作了一个准系统博客,并使用 favicon.png 而不是通常的 ico。 IE10 无法识别。
      • 继续吧。我必须说,我对 IE 有点失望。为什么 MS 决定不支持非 ico 网站图标超出了我的理解。 :P
      • 关于尺寸的更多信息?应该是 16x16 ico?
      【解决方案4】:

      任何版本的 IE 都不完全支持 .png 图标。但是,它们可能在 IE 8 及更高版本中得到部分支持。

      【讨论】:

        【解决方案5】:

        不要忘记 Apple 触摸图标支持

        https://css-tricks.com/favicon-quiz/

        【讨论】:

          猜你喜欢
          • 2014-04-09
          • 2018-12-25
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2018-06-21
          • 2014-07-15
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多