favicon必须是32x32或16x16吗？

我想使用单个图像做为常规的图标和iPhone / iPad友好的图标。

这可能吗？ 若是连接到常规浏览器图标，iPad友好的72x72 PNG会不会缩放？ 或者我是否必须使用单独的16x16或32x32图像？

---

#1楼

对于IE， Microsoft建议在favicon.ico文件中打包16x16,32x32和48x48 。

对于iOS， Apple建议使用特定的文件名和分辨率 ，对于运行iOS 8的最新设备，最多为180x180。

Android Chrome主要使用清单，也依赖于Apple touch图标。

Windows 8.0上的IE 10须要PNG图片和背景颜色 ， Windows 8.1和10上的IE 11接受在名为browserconfig.xml的专用XML文件中声明的几张PNG图片 。

用于Mac OS X的Safari El Capitan为固定标签引入了SVG图标 。

其余一些平台寻找具备各类分辨率的PNG文件，例如Google TV的96x96图片或Opera Coast的228x228图片 。

请查看此favicon图片列表以获取完整参考。

TLDR：这个favicon生成器能够一次生成全部这些文件。 生成器也能够实现为WordPress插件 。 彻底披露：我是本网站的做者。

---

#2楼

实际上，要使您的favicon在全部浏览器中正常工做，您必须以正确的大小和格式添加10个以上的文件。

我和个人朋友为此建立了一个应用程序！ 你能够在faviconit.com找到它

咱们作到了这一点，因此人们没必要手工建立全部这些图像和正确的标签，建立全部这些用于惹恼我不少！

---

#3楼

我没有看到这里列出的任何最新信息，因此这里是：

如今回答这个问题，若是你但愿你的图标在任何地方看起来都很棒，那么2个不会这样作。 请参阅如下尺寸：

16 x 16 - 浏览器的标准尺寸
24 x 24 - IE9固定用户界面的站点大小
32 x 32 - IE新页面选项卡，Windows 7+任务栏按钮，Safari阅读列表侧栏
48 x 48 - Windows站点
57 x 57 - iPod touch，iPhone至3G
60 x 60 - iPhone触控至iOS7
64 x 64 - Windows站点，HiDPI / Retina中的Safari阅读器列表侧栏
70 x 70 - 赢得8.1 Metro地铁
72 x 72 - iPad触控至iOS6
76 x 76 - iOS7
96 x 96 - GoogleTV
114 x 114 - iPhone视网膜触控至iOS6
120 x 120 - iPhone视网膜触控iOS7
128 x 128 - Chrome网上应用店应用，Android
144 x 144 - 用于固定网站的IE10 Metro磁贴，iPad视网膜高达iOS6
150 x 150 - 赢得8.1 Metro地铁
152 x 152 - iPad视网膜触控iOS7
196 x 196 - Android Chrome
310 x 150 - 赢得8.1宽的地铁砖
310 x 310 - 赢得8.1 Metro地铁

---

#4楼

favicon不必定是16x16或32x32。 你能够建立一个80x80或100x100的图标，只要确保两个值都是相同的尺寸，显然不要太大或过小，选择合理的尺寸。

---

#5楼

根据维基百科关于Favicon的文章， Internet Explorer仅支持图标的ICO格式。

我会坚持使用两个不一样的图标。