Google chrome 如何强制chrome在选项卡上显示精确尺寸的favicon（16x16）？

我在我的网页上设置了多图标配置，但chrome没有在选项卡上显示16x16文件，而是在16x16中显示32x32。 为什么？这是一种强制它显示16x16的方式吗？ 在16x16中显示的32x32是模糊的

这是我的密码：

           <link rel="shortcut icon" href="/relativepath/favicon.ico" type="image/x-icon">
            <link rel="icon" sizes="16x16" href="/relativepath/favicon.png" type="image/png">
            <link rel="icon" sizes="32x32" href="/relativepath/favicon-32.png" type="image/png">
            <link rel="icon" sizes="64x64" href="/relativepath/favicon-64.png" type="image/png">
            <link rel="icon" sizes="96x96" href="/relativepath/favicon-96.png" type="image/png">
            <link rel="icon" sizes="196x196" href="/relativepath/favicon-196.png" type="image/png">
            <link rel="apple-touch-icon" sizes="152x152" href="/relativepath/apple-touch-icon.png">
            <link rel="apple-touch-icon" sizes="60x60" href="relativepath/apple-touch-icon-60x60.png">
            <link rel="apple-touch-icon" sizes="76x76" href="/relativepath/apple-touch-icon-76x76.png">
            <link rel="apple-touch-icon" sizes="114x114" href="/relativepath/apple-touch-icon-114x114.png">
            <link rel="apple-touch-icon" sizes="120x120" href="/relativepath/apple-touch-icon-120x120.png">
            <link rel="apple-touch-icon" sizes="144x144" href="/relativepath/apple-touch-icon-144x144.png">

TL；博士 反转16x16和32x32 PNG图标声明（因此32x32成为第一个）

长话短说 不幸的是，Chrome有两个与

size

属性相关的问题（和）。简而言之：它不支持

大小

并加载所有图标

几年前，我在执行时玩了favicon declarations order。我把最小的PNG图标放在最后，第二小的放在第一，以防止不支持的浏览器使用高清晰度图标（当时Android Chrome有一个192x192 PNG图标）。从今天起，当使用RealFaviconGenerator时

如果您要测试很多配置，我建议您：

• 为每个测试使用不同的（子）域名。Favicon缓存太痛苦了。使用像这样的工具可以作为一种副作用做到这一点：只需在每次新实验之前重新启动它。或者，您可以在现有域上配置通配符
• 与具有不同大小的相同图像不同，请使用不同的图标，如中所述。例如，将16x16图标设为黄色正方形，而32x32图标设为绿色。这样，您可以立即看到使用了什么

---

切换申报单不起作用。：/它似乎总是使用“真正的”32x32文件，即使我切换大小属性！您在进行测试时是否使用新域？否则你的实验就有缺陷了。作为替代方案，您可以使用RealFaviconGenerator，确保Chrome选择32x32图标，并逐步更改代码，直到获得所需的内容。请报告你的发现！