如何让 Chrome 在 16x16 下使用 favicon.ico 而不是 SVG？
How to make Chrome use favicon.ico at 16x16 instead of SVG?
我的 HTML <head> 标签中有以下内容：
<link rel="icon" href="/favicon.ico" sizes="16x16" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
Chrome Windows 10 显示 SVG 图标优先于 ICO。
我不想要这种行为，因为 SVG 图标在小尺寸时看起来很模糊。
我的“.ico”文件像素完美，为 16 x 16，这与我的 Chrome 选项卡中的图标大小完全一致。
如何让 Chrome 在 SVG 上选择“.ico”？
如果我删除对 SVG 的引用，Chrome 使用“.ico”，但我希望浏览器能够在更高分辨率的屏幕上使用 SVG。
我试过这个：
<link rel="icon" href="/favicon.ico" sizes="16x16" />
<link rel="alternate icon" type="image/svg+xml" href="/favicon.svg" />
我也尝试删除“sizes”属性，但我所做的一切都没有任何效果。
我正在使用 Chrome 94.0.4606.61（官方版本）（64 位），但我需要一个比我的浏览器更通用的答案。
事实证明，如果我将第二个 32x32 位图图像添加到“favicon.ico”文件（“.ico”格式可以在一个文件中包含多种尺寸）并且我更改 sizes属性如下：
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32" />
然后 Chrome 选择“.ico”而不是 SVG，并使用 16x16“.ico”图像。
我的 HTML <head> 标签中有以下内容：
<link rel="icon" href="/favicon.ico" sizes="16x16" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
Chrome Windows 10 显示 SVG 图标优先于 ICO。 我不想要这种行为，因为 SVG 图标在小尺寸时看起来很模糊。 我的“.ico”文件像素完美，为 16 x 16，这与我的 Chrome 选项卡中的图标大小完全一致。 如何让 Chrome 在 SVG 上选择“.ico”？
如果我删除对 SVG 的引用，Chrome 使用“.ico”，但我希望浏览器能够在更高分辨率的屏幕上使用 SVG。
我试过这个：
<link rel="icon" href="/favicon.ico" sizes="16x16" />
<link rel="alternate icon" type="image/svg+xml" href="/favicon.svg" />
我也尝试删除“sizes”属性，但我所做的一切都没有任何效果。
我正在使用 Chrome 94.0.4606.61（官方版本）（64 位），但我需要一个比我的浏览器更通用的答案。
事实证明，如果我将第二个 32x32 位图图像添加到“favicon.ico”文件（“.ico”格式可以在一个文件中包含多种尺寸）并且我更改 sizes属性如下：
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32" />
然后 Chrome 选择“.ico”而不是 SVG，并使用 16x16“.ico”图像。