Favicon 格式 GIF 还是 ICO？答案

【问题标题】：Favicon format GIF or ICO?Favicon 格式 GIF 还是 ICO？
【发布时间】：2011-04-02 15:41:11
【问题描述】：

为什么要使用 GIF 图标？那是iPhone和iPad都能读的吗？

<link rel="icon" href="/favicon.gif">

【问题讨论】：

也许是因为 gif 是您获得移动网站图标的唯一可能性
或者可能是因为创建 ICO 文件根本不像创建 GIF 那样容易。

标签： html favicon

【解决方案1】：

虽然目前浏览器对此的支持非常有限，但 GIF 可以是动画的。 ICO 是目前支持更广泛的格式（包括 iPhone 和 iPad）。浏览器兼容性的完整列表可以在this WIkipedia article 中找到。

【讨论】：

【解决方案2】：

浏览器开始支持它。此外，ICO 文件是 Microsoft Windows 中图标的旧图像文件格式。由于 ICO 是特定于供应商的，因此有些人选择使用 GIF。

更不用说有大量的 .gif 编辑器，而很少有 ICO 编辑器。

在查看支持的格式后，如果您想摆脱 ICO，最好的选择是使用 PNG 文件。

【讨论】：

"IE11 是第一个支持直接使用 .png 和 .gif 文件格式网站图标的 Internet Explorer 版本。" - stackoverflow.com/questions/16943609/…

【解决方案3】：

.ico 文件是最广泛支持的。维基百科有一个list of which browsers support which formats。

根据该列表，FireFox 和 Opera 是唯一支持动画 GIF 的，而 IE 根本不支持 GIF。

【讨论】：

【解决方案4】：

更多人可以创建 gif 或 png 文件。
gif 可以动画化

另外，请注意 gif favicon 并不适用于所有版本的 IE。

【讨论】：

【解决方案5】：

GIF 网站图标有时会被使用，以便它们可以动画，但ICOs 有更广泛的浏览器支持。如果您正在尝试专门为 iPhone/iPod Touch 制作网站图标，您可能想看看这个：

http://iboughtamac.com/2008/01/23/making-an-iphoneipod-touch-webclips-favicon/

【讨论】：

【解决方案6】：

为您的网站图标选择 GIF、ICO、PNG、SVG 还是其他方式取决于多种因素。

进行 ICO 的主要原因是：

大多数浏览器都支持的格式（即 11 之前的 Internet Explorer 不支持其他任何内容）。
它是相关格式中唯一可以将多个图像以不同尺寸存储在一个文件中的格式，允许一个文件包含各种尺寸的图标，例如 16x16、24x24、32x32、48x48、64x64、72x72 和 128x128 等命名最流行的图标尺寸。根据图标文件中的可用空间和可用大小，浏览器可以为给定情况选择最合适的大小，而无需放大或缩小它。

GIF 的原因：

动画 GIF 是获得动画图标的唯一可能性（因为大多数浏览器还不支持图标的 SVG，即使支持，它们是否支持 JavaScript 或 SMIL 动画在图标的情况下可能是有问题的）。

如果您的图标仅存在一种尺寸，并且不关心旧版本的 Internet Explorer 的支持，您可能更喜欢 PNG 或 GIF，因为文件较小。但是，如果存储得当，ICO 文件不会比 PNG 文件大很多，因为从 Windows Vista 开始，ICO 文件可以存储 PNG。因此，相应的 ICO 文件将大 22 字节（6 字节标题加上 16 字节条目）。

旁注：在您指定的 HTML 中，可能存在矛盾。如果文件/favicon.gif 确实是GIF 图像，那么链接中使用的MIME 类型是错误的。在这种情况下，它不应该是image/x-icon，而是image/gif。

维基百科页面包含更多信息：https://en.wikipedia.org/wiki/Favicon

【讨论】：