现代浏览器的简单解决方案（2022）

使用SVG收藏夹：

<link rel="icon" href="/icon.svg">

主要浏览器支持（2021 Safari除外）和Living Standard只有一行简短的代码，易于记忆其他属性（如类型和大小）不是必需的与PNG相比，任何大小的缩放效果都更好让我们用数百种不同的尺寸来结束最爱的疯狂。。。

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

16x16像素，*.ico格式。

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

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

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

据我所知，这几种解决方案中没有一种是完美的。使用favicon生成器确实是一个很好的解决方案，但它们的数量太多，很难选择。我想补充一点，如果您希望您的网站启用PWA，您还需要提供一个512x512图标，如Google Devs所述：

图标包括192px和512px版本

我并没有遇到很多favicon生成器强制执行这一标准（firebase确实如此，但有很多事情它做不到）。因此，解决方案必须是许多其他解决方案的组合。

我不知道，在2020年初的今天，是否提供16x16、32x32仍然相关。我想这在某些情况下仍然很重要，例如，如果你的用户出于某种原因仍然使用IE（这种情况仍然发生在一些私人公司，因为某些原因没有迁移到更新的浏览器）

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