产品设计

    今日:81| 主题:15732
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] 为什么要用SVG?svg与iconfont、图片多维度对比

[复制链接]
ζ扯蛋的夏天 发表于 2016-11-29 02:19:32
13 1

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
SVG在既能满足现有图片的功能的前提下,又是矢量图,在可访问性上面也非常不错,并且有利于SEO和无障碍,在性能和维护性方面也比icon font要出色许多,总之大家可以根据项目实际情况去尝试使用。
   
为什么要用SVG?svg与iconfont、图片多维度对比-1 (Vector,性方面,矢量图,英语,图片)

  SVG是什么?

   SVG是一种 可缩放矢量图形 (英语:Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的图形格式。SVG由W3C制定,是一个开放标准。
  简单的理解,它是图形的另一种格式例如它和常见的图片格式.png、.jpg、.gif等是一类。
  SVG发展历程

  
       
  • 2001年9月4日,发布SVG 1.0   
  • 2003年1月4日,发布SVG 1.1   
  • 2003年1月14日,推出SVG移动子版本:SVG Tiny和SVG Basic   
  • 2008年12月22日,發布SVG Tiny 1.2   
  • 2011年8月16日,發布SVG 1.1(第2版),成为W3C目前推荐的标准   
  • W3C目前仍正在研究制定SVG 2  
  他在2001年就已经被加入到W3C的标准中去了,历时这么久终于到了该翻身的时候了。
  它和传统图片格式有什么不同?

   1. 兼容现有图片能力前提还支持矢量

  SVG提供的功能集涵盖了嵌套转换、裁剪路径、Alpha通道、滤镜效果等能力,它还具备了传统图片没有的矢量功能,在任何高清设备都很高清。点击查看下面这张SVG图形:

为什么要用SVG?svg与iconfont、图片多维度对比-2 (Vector,性方面,矢量图,英语,图片)

  这样一张高质量的矢量图片它的质量仅仅只有:
12345下一页
友荐云推荐




上一篇:腾讯运营方法论复盘:0到8亿流水,QQ炫舞在直播红海中的征途 ...
下一篇:11 iOS Design Resource Sets for Mobile App Developers
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

对心不对口 发表于 7 天前
不想当厨子的裁缝,不是好司机.
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表