为什么设计软件导出的 SVG 偏大?
Figma、Illustrator 或 Sketch 在导出 SVG 时,通常会附带软件内部使用的私有属性、图层描述、XML 声明以及 6 位以上的小数坐标。浏览器渲染只需矢量路径本身,这些多余信息会增加文件体积。
调整坐标小数位
对于大部分网页图标或插画,保留 2 位小数已能满足绝大多数屏幕的清晰度要求。将类似 142.847192 的坐标截断为 142.85,不仅能减少字符数,还能让文件在 Gzip 或 Brotli 传输时拥有更好的压缩率。
关于本地处理
优化过程直接在浏览器中通过 DOMParser 和正则表达式完成,不会将你的 SVG 文件或代码上传至服务器。