favicon.ico是16x16

<link rel="shortcut icon" href="favicon.ico"/>

我用这些在手机和平板电脑上变得漂亮：

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/ico144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/ico114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico72.png">
<link rel="apple-touch-icon-precomposed" href="img/ico57.png">

在根目录中使用“favicon.ico”这个名字很重要，因为许多浏览器都会先找到它。

收藏夹图标不必是16x16或32x32。您可以创建一个80x80或100x100的收藏夹图标，只需确保两个值的大小相同，显然不要太大或太小，选择一个合理的大小即可。

恐怕每个决议都需要单独的文件。在活动监视器上有一篇很好的文章，描述了他们如何为每个iOS设备创建和实现图标：

http://www.campaignmonitor.com/blog/post/3234/designing-campaign-monitor-ios-icons/

在同一文件中可以有多个大小的图标。我经常创建48、32和16像素的favicon（.ico文件）。您可以添加任意大小的图像。问题是，iPhone会使用ico文件吗？

ico也支持透明度，但我不确定它是否是PNG这样的alpha通道；可能更像GIF，无论是打开还是关闭。

我想提醒大家，问题是：

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

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

不，你不能使用非标准的大小或尺寸，因为无论图标显示在哪里，它都会对人们的浏览器造成破坏。您可以将其设置为12x16（12像素侧有四个像素的白色/透明填充），以保持纵横比，但不能更大（当然可以，但浏览器会缩小它）。