如何强制显示favicon.ico而不是favicon.png？

Question

这就是我在标题中设置图标链接的方式。

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="icon" type="image/png" href="/screen/favicon.png" sizes="192x192">

我的16x16 favicon.ico显示了我的徽标的简化版本，它看起来比一个更大的PNG的缩小版本要好得多。对于移动设备上的触摸图标，我创建了一个192x192 png的原始徽标。由于我在标题中添加了较大的PNG，它不仅被用作(正确地)触摸图标，而且还取代了16x16的favicon.ico。因此，在浏览器上显示缩小的png-version。我不喜欢它，因为ico版本看起来更好。

有没有办法，在浏览器中强制显示ico版本的我最喜欢的图标？

Answer 1

如果你的高分辨率图片/png图标的原因是Android，那么你应该通过web manifest来声明它。

这就是RealFaviconGenerator所做的:它只在HTML中声明低分辨率的图像/png图标。所以desktop browsers only pick those, whereas Android get the high resolution icons it expects。即使您不打算使用该服务，您也可以生成一组假图标，并根据您的需要调整生成的代码和文件。

完全公开:我是这项服务的作者。