SVG 在线压缩与代码瘦身清理

清理设计软件导出的私有属性、注释与空标签,截断坐标小数位数,减小 SVG 文件体积。

输入原始 SVG 源代码
优化与清理选项
嵌入此工具到你的网站 / 博客 无需开发 · 复制即可使用
HTML 嵌入代码 (iframe):
<iframe src="https://lucentool.com/zh/svg-optimizer" width="100%" height="650" style="border:1px solid #e5e0d8;border-radius:12px;max-width:850px;width:100%;" frameborder="0"></iframe>
<div style="font-size:12px;color:#78716c;margin-top:6px;font-family:sans-serif;">Powered by <a href="https://lucentool.com/zh/svg-optimizer" target="_blank" style="color:#c85a32;text-decoration:none;">Lucentool - SVG 在线压缩与代码瘦身清理</a></div>

为什么设计软件导出的 SVG 偏大?

Figma、Illustrator 或 Sketch 在导出 SVG 时,通常会附带软件内部使用的私有属性、图层描述、XML 声明以及 6 位以上的小数坐标。浏览器渲染只需矢量路径本身,这些多余信息会增加文件体积。

调整坐标小数位

对于大部分网页图标或插画,保留 2 位小数已能满足绝大多数屏幕的清晰度要求。将类似 142.847192 的坐标截断为 142.85,不仅能减少字符数,还能让文件在 Gzip 或 Brotli 传输时拥有更好的压缩率。

关于本地处理

优化过程直接在浏览器中通过 DOMParser 和正则表达式完成,不会将你的 SVG 文件或代码上传至服务器。