谷歌浏览器将在v80正式版里支持网站使用SVG矢量图形来保证图标清晰度

谷歌浏览器将在v80正式版里支持网站使用SVG矢量图形来保证图标清晰度

戴尔宣布Mobile Connect现已支持Windows与iOS之间进行屏幕投影操作

多数网站都市在源代码头部声明某个图像作为网站图标,这个图标也会在浏览器加载时显示在题目前方举行区分。

也正是如此基于个性化和品牌宣传缘故网站都市设计自己的图标,然则问题在于这个图标尺寸异常小清晰度不够。

业界通常将这种图标称之为 Favicon 而且使用专门的花样ICO,网站需要将通俗的图片转换成.ICO后再举行展示。

而火狐浏览器则支持使用矢量图形花样SVG作为网站图标,SVG不会随缩放而变形因此也不存在清晰度下降问题。

谷歌浏览器将在v80正式版里支持网站使用SVG矢量图标来保证清晰度

谷歌浏览器也将支持SVG图标:

在最近的测试版更新里谷歌浏览器开发团队已经最先测试SVG图标,当加载网站时可以将SVG识别为网站的图标。

UC浏览器推出KaiOS版支持在诺基亚 8810 4G 复刻功能机上安装使用

为何这么久才准备支持矢量图片花样作为网站图标也有缘故原由 , 由于Chrome SVG相关代码已经高度集成在渲染器。

若是需要支持网站使用矢量图片花样则需要调整整个渲染器代码,这也是谷歌工程师不愿意举行支持的主要缘故原由。

不外在谷歌浏览器金丝雀测试版里谷歌已经支持矢量图像花样图标 ,  预计将在Chrome v80版最先正式举行支持。

网站若何设置使用矢量图像花样:

谷歌浏览器的这个转变也会影响到其他使用Chromium的浏览器,包罗Edge、维瓦尔第、Opera以及Brave等等。

因此网站也可以普遍使用SVG矢量花样作为网站的主要图标,固然对于不兼容的浏览器还可以设置分外替换设施。

此外谷歌浏览器还将支持使用Prefers Color scheme属性调整图标颜色 , 例如在玄色模式下将图标也调整为玄色。

# 当浏览器支持使用SVG图像时挪用SVG图像
<link rel="icon" type="image/svg+xml" href="happyface.svg"/>
# 当浏览器不支持使用SVG图像时挪用替换图像
<link rel="alternate icon" type="image/png" href="sadface.png"/>
#以上方式来自:http://Dahlström.net/svg/favicon/favicon.html

Microsoft Edge窗口突然变黑无法打开新页面怎么办?手动结束GPU进程

分享到 :
相关推荐

发表评论

登录... 后才能评论