SVG

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

设计工作里，素材找得快不快，往往直接决定交付节奏。一套合用的矢量图，放到海报上能放大不糊，做成网页图标缩小后也清楚，换个配色方案也不用从头画。阿里云矢量图库就是朝这类需求搭建的素材资源。这篇文章从实际使用的角度，讲讲它适合什么场景、怎么挑素材，以及下载前要看哪些授权条款。 矢量图到底好在哪 矢量图由路径、节点和填充色组成，不依赖像素。所以无论用在户外大牌上，…

做网页或小程序时，图标最容易被随手凑合，但它对界面质感影响很大。不少团队前期随便找几张图，后期才发现风格不统一、文件偏大、换色麻烦。阿里云icon的资源正好能解决这些问题。本文讲清楚它是什么、怎么选、怎么接入前端项目，并给出一个中后台的迁移例子。 阿里云icon指的是什么 大多数前端开发者说“阿里云icon”，指的是阿里巴巴矢量图标库（iconfont.cn…