Chrome 终于添加了对 SVG Favicons 的支持

网站图标是您在访问任何网站时在浏览器选项卡上看到的那些小图标。 为了 example. 我已经添加了 Chrome 故事的标志作为网站图标。 最新的新标签页设计将网站图标置于聚光灯下。 Chrome 目前不支持将 SVG 文件作为网站图标,而不是它是一个非常受欢迎的请求。

为跟踪此功能而提交的错误 很受欢迎,有 180 多个用户投票要求此功能。 我在所有主要的技术讨论论坛上都有多个主题,人们想知道为什么 SVG 图标不起作用 Chrome 当它工作正常时 Firefox 和 Edge.

终于,今天,我发现了一个 Chromium 代码提交 添加对此功能的基本支持:

对 SVG favicon 的基本支持

在 Blink 的 WebImage 中添加 DecodeSVG API 以提供解码、解析
并渲染一团(希望如此)SVG数据。
在这个过程中,将WebImage重新定位到public/web(从public/platform),
因为这样可以更轻松地与 SVGImage 交互(在
“核心复合体”),并且在 WebImage 上似乎没有紧密的联系
这样的接口可以在公共/平台中使用。

这可能不是我们感兴趣的,常规的 Chrome 用户。 然而,这对于 Web 开发人员和 Web 设计师来说将是一个非常令人兴奋的消息。 你可以看到很多文章解释了为什么 SVG 比 PNG 更好。 据了解,与 PNG 或其他格式相比,SVG 是一种适用于 Web 的更新且功能强大的格式。

SVG 图像可以在任何分辨率或尺寸下保持清晰和清晰。 这使它非常适合网站图标,因为大多数时候,网站图标被视为浏览器选项卡角落的小图像。

您是一位了解使用 SVG 格式的好处的开发人员吗? 发表评测。