矢量图与 SVG
打开、编辑并导出 SVG 与矢量图稿，钢笔工具、布尔运算和干净的导出效果一应俱全，无需安装。
只要图像需要在任意尺寸下都保持清晰，例如标志、图标、示意图、裁切文件，矢量图就是正确的选择。因为矢量图本质上是一组形状和路径，而不是像素网格，所以你可以把它从网站图标放大到广告牌尺寸也不会有任何损失。问题在于，要把矢量图编辑好，需要一款真正的矢量编辑器，而通常这意味着要花钱安装桌面软件。
这个专题里的指南使用 EditItAll 矢量编辑器，这是一款免费、Illustrator 风格的编辑器，可在浏览器标签页中运行。它拥有带完整贝塞尔手柄的钢笔工具、形状和文字工具、在精确算术几何引擎中计算的 Pathfinder 式布尔运算（Unite、Minus Front、Intersect、Exclude）、图层，以及智能参考线，设计师所期望的工作流程和快捷键一应俱全，完全无需离开浏览器。文档会自动保存到你自己的浏览器存储中，绝不会接触服务器。
在文件方面：它可以打开和保存 SVG，这是每一款现代浏览器和设计工具都能读取的开放、原生于网页的矢量格式，同时也可以导出 PNG，供需要位图的场合使用。它不支持读取 Adobe 专有的 .ai 格式；诚实的做法是，从生成该 .ai 文件的软件中导出 SVG，再打开这个 SVG。无论你是要清理一个图标、制作一个简单的标志，还是把图稿转换成清晰的 PNG，这些指南都会一步步带你完成任务。