2013年网站图标（Favicon）的最新技术是什么？

Question

2013年网站图标（Favicon）的最新技术是什么？

16

近年来，网站图标业务变得更加复杂。新型设备（如平板电脑和智能手机）的出现，引入了对网站图标的新用途（例如作为主屏幕应用程序图标），并需要特定于供应商的链接方式。同样，浏览器现在允许创建 Web 应用程序的桌面快捷方式（也使用网站图标作为图标）。更糟糕的是，现在便携设备和笔记本电脑上都有高分辨率（“视网膜”）显示器，这需要更高分辨率的图标。更糟糕的是，不同的浏览器（和版本）支持不同的图标图像格式和大小，从以 16x16 的 .ico 格式为主的 IE6 开始，到现在支持 .svg 图标的 Opera。

为了支持今天大多数设备和浏览器上的清晰图标，我该怎么办？

到目前为止，我找到的最好资源是 html5boilerplate，它建议拥有以下文件：

apple-touch-icon-114x114-precomposed.png
apple-touch-icon-144x144-precomposed.png
apple-touch-icon-57x57-precomposed.png
apple-touch-icon-72x72-precomposed.png
apple-touch-icon-precomposed.png
apple-touch-icon.png
favicon.ico  # 32x32

不要将它们的链接放在<head>标签中。

编辑：另一个考虑因素是.ico文件可以在其中存储几个具有不同分辨率的图像。这有用吗？是否支持？

- Vladimir Keleshev

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Neil Robertson · Accepted Answer

在http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html上有一些官方建议，似乎确认了你的列表。

理想情况下，favicon.ico文件应该包含多个分辨率的图标，因为现代浏览器已经可以利用这一点，16 x 16像素的图标在Retina屏幕上看起来不太好。

微软显然现在建议favicon.ico文件至少包含16×16、24×24、32×32和64×64像素的图标。

我刚刚推出了一个免费的在线工具，可以创建这样的图标：http://iconifier.net

请查看网站上的自述页面，获取更多关于最新favicon信息的链接。