关于favicons的所有讨论都建议创建不同大小的favicons以针对不同的客户。请参阅此答案，例如：Does a favicon have to be 32x32 or 16x16?
我的问题：是否真的有必要生成这么多不同尺寸的图片？如果我创建了一个尺寸为200x200的大型图标，该怎么办？我看到Chrome和Firefox等各种浏览器会自动将其缩小，以便在浏览器标签中显示相当小的图标。
那么一个尺寸为200x200的大型图标会出现什么问题？
注意：我希望favicon可以在任何符合标准的设备浏览器上工作（如果有一个用于favicon）。例如，如果iOS Safari违反了标准，那么我不会太支持它。
答案 0 :(得分：3)
使用一个大型高分辨率图标（2017年）没有问题。过去4年内制作的屏幕较小的浏览器和移动设备会自动将它们缩小（如果不是很完美） ）根据需要。
我可以找到使用一个大型图标的唯一缺点 - 而且它的延伸 - 具有较低分辨率屏幕的移动设备将比绝对下载稍微更大的文件必要。我们在这里谈论千字节。
文件大小/加载时间：
即使在3G连接上，下载单个5kb图标和100kb图标所需的时间也可以忽略不计。除非您的200x200图标文件的文件大小 大于较低分辨率的版本，否则只需创建一个高分辨率的favicon文件并将其用于所有浏览器/设备即可。
这实际上甚至不是加载时间问题，因为在大多数情况下，只有当它被加入书签而不是加载时，才会在移动浏览器上下载该图标与页面的其余部分一起。
iOS Safari / Android Chrome：
我从来没有亲身经历任何使用单个大号的问题
favicon图像采用 PNG 格式。除了普通的favicon代码之外，您仍然需要include the
Apple Touch Icon code（<link rel="apple-touch-icon"
href="/custom_icon.png">），
但您可以使用相同的favicon图像文件。
This look at how iOS Safari scales down icons seems to agree如果不需要100.0％的像素完美度，则删除较小的图标文件大小就完全没问题了。
我已经在很多网站上看到它（警告：在线程中） 这几年前，Apple自己将one large 152x152 favicon用于apple.com。文件大小为4.5kb。
虽然Apple使用152x152作为Apple Touch Icon，但我建议使用192x192 favicon图像，因为此分辨率为is used by Android Chrome。
<强> TL; DR：
据我所知，是的，一个大尺寸的图标可用于符合标准的所有现代设备和浏览器。 favicon文件大小与几千字节的差异在今天几乎无关紧要，因此我发现这种方法没有任何问题。
答案 1 :(得分：1)
你提到的问题是3岁，现在我（我通常是）创建一个高分辨率的favicon和假设浏览器（根据我的经验，它将）如果需要它就会失效。
答案 2 :(得分：1)
有些浏览器可以缩小它;但是，IOS目前还不支持favicons，因此为它制作一个也是完全没用的。除非您想在Apple为其构建支持时将其添加到文本文件中。
我建议使用16x16px的大小，因为它附加的内存较少。
