多分辨率网站图标

6

在教程世界中,似乎每个人都着迷于创建用作网站图标的多分辨率.ico文件。然而,我的问题是这些多分辨率.ico文件的浏览器支持情况如何。常见的浏览器(Chrome、FF、Safari和IE7+)是否会以某种明智的方式处理包含两种分辨率(16x16和32x32)的.ico文件?至少可以得出结论,超过32x32的大小开始使文件大小膨胀,而没有提供太多好处(除了IE9/Windows 7和他们对64x64图像所做的任何操作)。


如果您喜欢使用脚本,我写了一个使用ImageMagick将任何图像转换为多分辨率favicon的脚本。http://blog.lavoie.sl/2012/11/multi-resolution-favicon-using-imagemagick.html - sebastien
1个回答

2
在维基百科上有很多相当不错的信息,但没有专门关于尺寸支持的内容。

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

然而,我认为大多数网络浏览器并不需要一个超过16x16大小的图标。我确实没有看到过大型图标,但我并不感到惊讶,因为更大的图标往往会扩展URL栏、书签和选项卡,从而占用了过多的垂直屏幕空间。在你知道它将被使用,并决定带宽是否值得之前,我不会费心去做这个。

有一件事值得研究,那就是它们是否被任何低视力用户的辅助功能所利用(这是有意义的),但是这里的屏幕截图(例如):

http://www.accessfirefox.org/Firefox_Accessibility_Themes.php

似乎尽管字体大小增加,但显示的仍然是相同的16x16图标。我怀疑不能依赖于32x32分辨率的存在意味着没有人花时间编写查找它的代码。
据我所知,这种多分辨率图标功能旨在针对在“其他上下文”中重复使用,例如Prism(已废弃)或Air(专有软件)。

1
32px和64px的网站图标主要用于在桌面等地方保存书签,实际图标尺寸较大。 - Madara's Ghost
@Truth,确实如此,如果您创建的任何内容可能在离线情况下使用,这也很方便。同时制作32x32图标比稍后尝试派生它要容易得多。 - Ian
啊,我从来不会把书签保存到我的(非常杂乱)桌面 :) 即便如此,我猜这只是操作系统支持的问题,而不是浏览器支持的问题。 - Gus
1
实际上,浏览器似乎会缩放较大分辨率的图像,以适应相同的空间(但外观更好)。因此,肯定有超过16x16的用例 - 但一旦这样做,似乎就会进入常见但非标准解决方案和缺乏最佳实践共识的困境。 - cbmanica

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