logo标签列表

网站图标使用GIF格式还是ICO格式？

htmlfavicon
24

为什么要使用GIF格式的网站图标？是为了让iPhone和iPad可以读取它吗？

<link rel="icon" href="/favicon.gif">
4
也许是因为 GIF 是唯一可以使网站图标动起来的方式。 - Tokk
或许是因为创建ICO文件并不像创建GIF那样容易。 - Gavin
6个回答
22

GIF 可以是动画的，但目前浏览器对此的支持相当有限。ICO 是目前更广泛支持的格式（包括 iPhone 和 iPad）。您可以在此维基百科文章中找到完整的浏览器兼容性列表。

16

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

更不必说现在有很多.GIF编辑器，而ICO编辑器却很少。

在审查支持的格式后，如果您想要避开ICO，则最好选择PNG文件。

IE11 是第一个支持直接使用 .png 和 .gif 文件格式 favicon 的 Internet Explorer 版本。 - Harry B
8
1
无论是选择GIF、ICO、PNG、SVG还是其他内容作为您的网站图标，都取决于许多因素。选择ICO的主要原因包括：1. 大多数浏览器支持该格式（即Internet Explorer 11之前不支持其他格式）。2. ICO是相关格式中唯一可以存储多个不同尺寸图像的格式，使得一个文件可以包含各种尺寸的图标，例如16x16、24x24、32x32、48x48、64x64、72x72和128x128等最流行的图标尺寸。根据可用空间和图标文件中可用的尺寸，浏览器可以选择最合适的尺寸来适应不同情况，而无需进行放大或缩小。选择GIF的原因包括：动画GIF是获得动画网站图标的唯一可能性（因为大多数浏览器尚不支持SVG用于网站图标，即使他们支持，在网站图标中是否支持JavaScript或SMIL动画也是有问题的）。
如果您的图标只有一个大小，而且不需要考虑在旧版Internet Explorer中的支持，那么由于文件大小较小，您可能更喜欢使用PNG或GIF。然而，ICO文件（如果存储正确）与PNG文件的大小差别不大，因为自Windows Vista以来，ICO文件可以存储PNG。因此，相应的ICO文件会比PNG文件大22字节（6字节头加16字节条目）。
顺便提一下，在您指定的HTML中，可能存在矛盾之处。如果文件/favicon.gif确实是GIF图像，则链接中使用的MIME类型是错误的。在这种情况下，它不应该是image/x-icon，而应该是image/gif。
维基百科页面包含更多信息：https://en.wikipedia.org/wiki/Favicon
1
  • 越来越多的人可以创建gif或png文件。
  • gif可以制作动画。

此外，请注意，gif网站图标在某些IE版本中无法正常工作。

1
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接