SVG：
SVG是可缩放矢量图形，1999年由万维网联盟发布。于2013年成为W3C推荐标准。
SVG是指可伸缩矢量图形
SVG用来定义用于网络的基于矢量的图形
SVG使用XML格式定义图形
SVG图像在放大或缩小（改变尺寸）的情况下，其图形质量不会受受损失
SVG是W3C的一个标准
SVG优势（与位图图像相比）：
SVG可被非常多的工具读取和修改（比如记事本）
SVG与JPEG和GIF图像比起来，尺寸更小，且可压缩性更强。
SVG是可伸缩的
SVG图像可在任何的分辨率下被高质量地打印
SVG可在图像质量不下降的情况下被放大
SVG图像中的文本是可选的，同时也是可搜索的（很适合制作地图）
SVG可以与Java技术一起运行
SVG是开放的标准
SVG文件是纯粹的XML
SVG嵌入HTML方法：
使用
元素来嵌入SVG图像
将SVG图像作为背景图像嵌入
直接使用
使用元素来嵌入SVG图像
使用元素来嵌入SVG图像
总之，SVG格式文件在矢量图基础上，嵌Web浏览器中，解决了位图图像发虚有锯齿的缺陷，更加轻量级，是UI设计师交与Web前端工程师的优先选择格式。
还可以将自己制作的图标放在特定的图标网站，交付给前端人员网站链接，供他们自行下载，可上传图标网站推荐：阿里巴巴矢量库
参考原文:http://www.w3cplus.com/html5/svg-introduction-and-embedded-html-page.html©w3cplus.com
网友评论