Vla*_*hev 16 html browser favicon android ios
Favicon业务在过去几年变得复杂.发明了新型设备(重新),如平板电脑和智能手机.他们以新的方式使用favicons(例如,作为主屏幕上的应用程序图标),并且需要特定于供应商的链接方式.以类似的方式,浏览器现在允许为web-apps创建桌面快捷方式(也使用图标的favicon).更糟糕的是,我们现在在便携式设备和笔记本电脑中都有高分辨率("视网膜")显示器,这些显示器需要更高分辨率的图标图像.更糟糕的是,不同的浏览器(和版本)支持图标和不同大小的不同图像格式.从仅限16x16的.ico-only IE6开始,以Opera结束,现在支持.svg图标.
我应该怎么做才能在今天的大多数设备和浏览器上支持清晰的图标？
到目前为止,我能找到的最好的资源是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文件可以存储多个具有不同分辨率的图像.这有用还是受支持？
Nei*_*son 13
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html上有一些官方建议,似乎可以确认您的列表.
理想情况下,favicon.ico文件应该在一个文件中包含多个分辨率,因为最新的浏览器现在可以利用这一点,并且在视网膜屏幕上16 x 16图标永远不会看起来很好.
微软显然现在推荐favicon.ico文件包含至少16×16,24×24,32×32和64×64.
我刚刚推出了一个免费的在线工具,可以在http://iconifier.net上创建这样的网站
有关最新favicon信息的更多链接,请参阅网站上的自述页面.