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

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

<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版本。我不喜欢它，因为ico版本看起来更好

---

有没有办法强制在浏览器中显示my favicon的ico版本？

如果您的高分辨率图像/png图标的原因是Android，那么您应该通过

这就是它的作用：它只在HTML中声明低分辨率图像/png图标。所以即使您不打算使用该服务，也可以生成一组假图标，并根据需要调整生成的代码和文件

---

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

如果你的高分辨率图像/png图标是安卓的，那么你应该通过

这就是它的作用：它只在HTML中声明低分辨率图像/png图标。所以即使您不打算使用该服务，也可以生成一组假图标，并根据需要调整生成的代码和文件

---

充分披露：我是这项服务的作者。

大多数浏览器在需要高分辨率图标时都可以获取apple touch图标。如果图像/png图标对您有问题，您可以删除它。谢谢。但是，当我删除favicon.png（192x192）时，Android不会在我添加到主屏幕的网络链接上显示任何触摸图标。它没有使用apple touch图标，而是只在iPad和iPhone上使用。Android主屏幕需要png图标，然后也使用它来代替ico文件，并缩小到16x16。这就是我想要阻止或避免的。听起来合法！我马上写了一个答案：）大多数浏览器都可以在需要高分辨率图标时获取apple touch图标。如果图像/png图标对您有问题，您可以删除它。谢谢。但是，当我删除favicon.png（192x192）时，Android不会在我添加到主屏幕的网络链接上显示任何触摸图标。它没有使用apple touch图标，而是只在iPad和iPhone上使用。Android主屏幕需要png图标，然后也使用它来代替ico文件，并缩小到16x16。这就是我想要阻止或避免的。听起来合法！我马上写了一个答案：）