出现在网站页面标题左侧的微小图标称为favicon或网站图标,目前,Google Chrome已经开始支持favicon的SVG图像格式,该功能最终可能随Chrome 80一起提供。据悉,Firefox浏览器方面早在四年前就已经开始支持该功能。

事实上,Google在Chrome中添加对favicon的SVG支持并不是一件容易的事,Chromium的工作人员表示,“我们的SVG代码被严重集成到核心渲染引擎中,所以这样做需要一个完整的渲染器。”

目前,微软的Internet Explorer和Edge还不支持SVG图标,Firefox则是唯一支持该功能的浏览器。而如今,Chrome开始支持SVG图标,这意味着其他基于Chrome的浏览器如Vivaldi、Opera、Brave和new Microsoft Edge也将一样支持该功能。

用户可以使用preferreds-color-scheme设置SVG图标的样式,在打开黑暗模式时,Chrome会将图标显示为黑色,在浅色模式下图标则显示为黄色。

此外,用户可以在浏览器地址栏中访问测试站点,来测试浏览器是否支持SVG网站图标。(白开水不加糖)

推荐内容