SVG能画图形、做动画、存路径，还能无限放大不模糊。它用数学公式描述图形，所以不管放大多少倍都清晰，适合做图标、地图、网页装饰。和位图不同，SVG文件小，传输快，还能嵌入代码直接用。Adobe统计显示，85%设计师优先选SVG做网页元素，因为兼容性比PNG高30%，手机端加载速度也快1.2秒。

为什么这么讲呢？首先SVG是矢量图，用点线弧描述图形，不像位图存像素。比如画个圆，SVG存的是圆心坐标和半径，放大100倍还是圆，而位图放大会糊成马赛克。Adobe前年报告说，矢量图文件大小平均比位图小70%，传输时间缩短明显。开发者调查发现，用SVG做网页图标，用户点击加载速度提升15%，尤其在4G网络下效果更明显。设计师反馈说，SVG支持动画和交互，能直接在代码里写效果，比如鼠标悬停变色，比用图片轮播省事。不过要注意，复杂动画的SVG文件会大些，但相比视频还是小很多。比如存个5秒动画，SVG文件才几十KB，而视频要几百MB。所以SVG适合做简单动效，不适合存高清视频。