0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

Google Chrome支持SVG图像格式,或与Chrome 80一起提供

汽车玩家 来源:开源中国 作者:白开水不加糖 2019-11-24 09:16 次阅读

出现在网站页面标题左侧的微小图标称为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网站图标。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • Google
    +关注

    关注

    5

    文章

    1757

    浏览量

    57407
  • SVG
    SVG
    +关注

    关注

    0

    文章

    127

    浏览量

    16389
收藏 人收藏

    评论

    相关推荐

    Chrome浏览器插件

    、什么是浏览器插件 浏览器插件是依附于浏览器,用来拓展网页能力的程序。插件具有监听浏览器事件、获取和修改网页元素、拦截网络请求、添加快捷菜单等功能。使用浏览器插件可以实现很多有趣的功能。 二
    的头像 发表于 11-18 17:12 170次阅读
    写<b class='flag-5'>一</b>个<b class='flag-5'>Chrome</b>浏览器插件

    Firefox、Chrome和Puppeteer已支持WebDriver BiDi

    近期,我们与 BrowserStack 一起见证了 WebDriver BiDi 在 BrowserStack 中正式投入使用。并且 WebDriver BiDi 也继续得到了完善,Firefox
    的头像 发表于 11-06 16:35 275次阅读

    ESP8266与IE相比,Chrome/Mozilla中的TCP服务器速度较慢是什么原因?

    我正在尝试将 ESP8266-01 模块用于个项目。我将其用作TCP服务器。我注意到浏览器 Chrome 和 Mozilla 的服务器响应速度非常慢。但是,当我使用IE浏览器时,服务器的速度非常快。这有什么具体的原因吗?
    发表于 07-22 06:44

    Chrome移动版支持自定义菜单栏功能

    在先前版本中,用户通过点击浏览器右上角的三个点按钮即可调出包含各类图标与操作的菜单。而此次更新后,Chrome新增了“自定义菜单”选项,允许用户自主控制该区域的展示内容。
    的头像 发表于 05-27 15:00 733次阅读

    谷歌:iOS版Chrome浏览器将支持“圈选即搜”功能,整合Google

    据了解,截至5月17日,Google已在Galaxy S24及Pixel 8系列智能手机中引入了所谓的“圈选即搜”功能,该功能旨在帮助用户快速寻找关键信息。而日前,有消息透露,Google有意将此项技术引入iOS版Chrome
    的头像 发表于 05-17 10:00 605次阅读

    谷歌Chrome浏览器新增功能:生成随机右键菜单密码

    据悉,Google已于Canary版本Chrome浏览器添加了“Password manual fallback”的实验性标志,支持用户通过右键菜单生成密码建议。
    的头像 发表于 05-14 09:46 857次阅读

    谷歌Chrome浏览器新版Favicon未对齐问题获确认

    作为Chrome 123的升级,2023年度的Chrome Refresh采用了Material 3界面元素。然而,部分用户对此不甚满意,选择在chrome://flags页面取消这些更改。
    的头像 发表于 04-23 10:35 537次阅读

    Chrome浏览器新增摄像头与麦克风预览功能,解决会议操作困扰

    最近发布的 Chrome 123 版本中,用户可提前预览摄像头拍摄的画面以及麦克风的收音效果。要启动此功能,只需在 Chrome 地址栏输入“chrome://flags#camera-mic-preview”并按回车,然后选择
    的头像 发表于 04-15 11:07 897次阅读

    Chrome修复七大安全隐患,包含两个零日漏洞

    3月28日,Google宣布Chrome浏览器新版本已发布,针对Windows和Mac系统的版本为123.0.6312.86以及123.0.6312.87,Linux用户则使用123.0.6312.86版。
    的头像 发表于 03-28 14:29 524次阅读

    谷歌Chrome浏览器适用于搭载高通骁龙的Windows PC

    此外,值得期待的是,Google 和高通技术公司联合宣布,将于近期推出更强大的高通骁龙 X Elite 处理芯片,预装版 Chrome 将从中受益,进步加速浏览器运行速度。
    的头像 发表于 03-27 10:35 552次阅读

    微软修复Win10/Win11上Chrome字体显示异常问题

    尽管许多人误以为此问题源于Chrome,但经过深入调查分析得知,实际引发问题的是Chrome与Windows在文本显示参数方面的交互问题。
    的头像 发表于 03-25 15:22 691次阅读

    Chrome 123稳定版引入全新Long Animation Frames API

    早在 Chrome 116 版本中,谷歌就已经开启了 LoAF 的实验性测试,如今,随着 Chrome 123 版本的正式面世,这新特性被广泛应用开来。此 API 堪称 Long Tasks API 的升级版,主要功能在于深度
    的头像 发表于 03-22 14:29 731次阅读

    SVG正是感性还是容性

    SVG(可缩放矢量图形)是种用于显示图形的XML格式,它对于Web开发者来说是个非常重要的技术。SVG
    的头像 发表于 02-27 09:16 2291次阅读

    矢量图格式有几种 矢量图格式有哪些

    矢量图是种使用数学公式描述图形的图像格式,它由许多平面几何图元(如点、线段、曲线、多边形等)组成。和位图(例如JPEG、PNG)不同,矢量图可以无限放大而不会失真,因为它们不依赖于固定的像素点
    的头像 发表于 02-20 15:58 8632次阅读

    Chrome支持运行Kotlin、Java等GC编程语言

    谷歌 Chrome 开发者博客官宣:Chrome 已默认启用 WebAssembly 垃圾回收 (WasmGC) 功能 —— 能够将具有 GC 的编程语言编译为 WebAssembly (Wasm)。
    的头像 发表于 11-24 11:43 702次阅读