出现在网站页面标题左侧的微小图标,行业内称为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网站图标,请在浏览器地址栏中访问该测试站点,如果您在选项卡中或在网站图标的位置看到笑脸,那么浏览器支持该功能(如果您看到悲伤的笑脸),如若没有图标则说明该浏览器不支持该功能。
相关文章
网友评论(共有 0 条评论)