适合不同设备/浏览器的多种网站图标大小[重复]答案

【问题标题】：Multiple favicons sizes that cater for different devices/browsers [duplicate]适合不同设备/浏览器的多种网站图标大小[重复]
【发布时间】：2013-01-16 20:33:16
【问题描述】：

我想知道如何拥有多种尺寸的网站图标，并将正确的尺寸提供给正在查看该网站的相应浏览器/设备。

我了解到，使用多种尺寸是一种很好的做法，因为您的网站可以通过传统浏览器查看，但也可以通过平板电脑和智能手机查看。因此，最好为查看网站的设备提供完美的图标大小。

如何做到这一点？据我所知，您网站的根目录中有一个“favicon.ico”，仅此而已。但是在这里处理多种尺寸，例如多个文件，让我有点失望。你是如何做到这一点的？

另外，我发现 Adobe Photoshop 和 Illustrator 没有导出为 .ico 文件格式的功能，有什么提示吗？

【问题讨论】：

标签： html favicon ico

【解决方案1】：

这个问题似乎已经回答了这个问题：How to have multiple favicon sizes, yet serve only a 16x16 by default?

虽然我个人优化的 32x32 ico 很小，但我通常不会费心制作 16x16 版本，但浏览器会自动缩小它。

【讨论】：

非常感谢，我会看看那个答案。当您说“优化良好”时，您的意思是什么？像素密度？
文件大小，16x16 和 32x32 图像之间的差异很大，但无论哪种情况，它都是这么小的文件，我从不担心。
@PhillipGooch - 文件大小不是唯一的原因。您可以选择以较低的分辨率简化您的图标，以便您仍然可以获得更重要部分的细节。