【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 
我想使用单个图像作为常规的图标和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格式。
我会坚持使用两个不同的图标。
来源：oschina
链接：https://my.oschina.net/u/3797416/blog/3147868