你好。在 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 的问题,您知道吗?
相关规范似乎表明这应该能正常工作:

