Firefox 中不一致的 SVG Favicon

你好。在 Windows 10 和 macOS 上的 Firefox 中,SVG 网站图标似乎有点奇怪。标签页图标是正确的,但书签图标是错误的:

查看源代码,我看到:

<link rel="icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/b/8/b8dce8ed67efe68449c05bb6d1d09fecd2bad6e1_2_32x32.svg">

文件类型是错误的。不确定这是否重要?我想我之前上传的是 PNG 而不是 SVG。

Apple 触摸图标也有同样的问题:
<link rel="apple-touch-icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/e/2/e282ac096da1a473b060a379521996db4fb7d190_2_180x180.svg">

上面正确的图像是 rel=icon。
上面错误的图像是 rel=apple-touch-icon。

已尝试删除书签并重新添加,结果相同。它选择了 apple-touch-icon 图标。这是 Firefox 的问题还是 Discourse 的问题,您知道吗?

相关规范似乎表明这应该能正常工作:

1 个赞

无论如何,这里看起来有些奇怪,没有 type="image/png"

SVG 图标有点实验性(尤其是考虑到 Safari 的限制)。

愿意至少修正 Discourse 部分的这个问题。

1 个赞