Google Chrome 80将提供对SVG favicon图标的支持

Google Chrome 80将提供对SVG favicon图标的支持

出现在网站页面标题左侧的微小图标，行业内称为favicon或网站图标，Google Chrome从80版本起将开始支持favicon的SVG图像格式，目前的金丝雀每日测试版本已经包含该特性，而Firefox支持它已经有4年了。

Google在Chrome中添加对favicon的SVG支持并不容易，因为Chromium员工在相关的bug报告帖子中表示这难以实施，这是因为Chrome的SVG代码已高度集成到核心渲染引擎中，因此，这需要调整整个渲染器。

相比之下，微软的Internet Explorer和Edge尚不支持SVG图标，Firefox目前是唯一支持该图标的浏览器，Chrome的跟进意味着其他基于Chromium的浏览器（如Vivaldi，Opera，Brave和新版Microsoft Edge）也会同时支持SVG作为favicon。

现在，您可以使用“ prefers-color-scheme”来设置SVG图标的样式，为了外观上能够与主题统一，Chrome还会在启用黑暗模式时将图标显示为黑色，而在浅色模式下将图标显示为黄色。

要测试浏览器是否支持SVG网站图标，请在浏览器地址栏中访问该测试站点，如果您在选项卡中或在网站图标的位置看到笑脸，那么浏览器支持该功能（如果您看到悲伤的笑脸），如若没有图标则说明该浏览器不支持该功能。