前端性能

网页和移动端设计里，矢量图越来越常见。图标、插画、地图和数据图表很多都以 SVG 形式交付。它不依赖分辨率，放大后边缘依然干净，同等清晰度下文件也通常比位图小。不过不少团队是上线时才发现，麻烦不只在设计稿，存储、分发、格式转换和安全校验都会碰到。按实际使用的顺序，把阿里云矢量图相关的做法理一遍。 矢量图和位图的区别 位图由像素拼成，按比例放大就会发虚。矢量图…