2020年更新：坚持16x16与32x32图标的原始问题：当前的建议应该是提供一个32x32的图标，完全跳过16x16。所有当前的浏览器和设备都支持32x32图标。根据环境的不同，图标通常会放大到192x192（假设没有更大的尺寸可用或系统无法识别）。从超低分辨率升级具有明显的效果，因此最好将32x32作为最小基线。

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

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

Android Chrome主要使用一个清单，也依赖于苹果触摸图标。

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

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

其他一些平台寻找各种分辨率的PNG文件，如谷歌电视的96x96图片或歌剧海岸的228x228图片。

请查看此收藏夹图片列表以获得完整的参考。

TLDR：这个favicon生成器可以一次生成所有这些文件。生成器也可以作为WordPress插件实现。完全披露：我是这个网站的作者。

看起来你的文件应该是.ico类型。

查看此关于收藏夹的帖子：

http://www.html-kit.com/support/favicon/image-size/

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

现在来回答这个问题，如果你想让你的图标到处都好看，2个favicon就不会这么做了。请参见以下尺寸：

16 x 16–浏览器的标准尺寸24 x 24–用于用户界面的IE9固定站点大小32 x 32–IE新页面选项卡、Windows 7+任务栏按钮、Safari阅读列表侧边栏48 x 48–Windows站点57 x 57–iPod touch，iPhone最高支持3G60 x 60–iPhone触摸屏达到iOS764 x 64–Windows站点，HiDPI/Rina中的Safari Reader列表侧边栏70 x 70–Win 8.1 Metro瓷砖72 x 72–iPad触控至iOS676 x 76–iOS796 x 96–谷歌电视114 x 114–iPhone视网膜触摸达到iOS6120 x 120–iPhone视网膜触摸iOS7128 x 128–Chrome Web Store应用程序，Android144 x 144–用于固定站点的IE10 Metro瓷砖，iPad视网膜高达iOS6150 x 150–Win 8.1 Metro瓷砖152 x 152–iPad视网膜触摸iOS7196 x 196–Android Chrome310 x 150–Win 8.1宽Metro瓷砖310 x 310–Win 8.1 Metro瓷砖

所选图像的格式必须为16x16像素或32x32像素，使用8位或24位颜色。的格式图像必须是PNG（W3C标准）、GIF或ICO之一。-如何将传真添加到您的网站-QA@W3C

favicon的格式必须为方形，否则浏览器会拉伸它。不幸的是，Internet Explorer＜11不支持.gif或.png文件类型，但仅支持Microsoft的.ico格式。你可以使用一些“favicon生成器”应用程序，如：http://favicon-generator.org/

我想提醒大家，问题是：

我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹？这可能吗？如果链接到普通浏览器收藏夹，iPad友好的72x72 PNG会缩放吗？还是必须使用单独的16x16或32x32图像？

答案是：是的，这是可能的！是，它将被缩放。不，您不需要“常规浏览器收藏夹”。请看这个答案：https://stackoverflow.com/a/48646940/2397550