素材阁

SVG 优化

清理并压缩 SVG 源码:去除注释、XML 声明、DOCTYPE、编辑器元数据与冗余属性,合并空白、精简路径数字, 并可预览清理后的效果。适合把设计软件导出的臃肿 SVG 变干净,全部在浏览器本地处理、不上传。

预览

使用说明

设计软件导出的 SVG 常带有大量注释、编辑器命名空间与高精度小数,体积臃肿。本工具清理这些冗余并压缩,体积可显著下降,且不改变显示效果。

  1. 把 SVG 源码贴进左侧输入框,或点「填入示例」。
  2. 按需勾选去注释、去元数据、精简数字、压缩单行。
  3. 点「优化」查看压缩前后体积与预览,点「复制结果」或「下载 .svg」。

常见问题

精简数字会影响精度吗?
本工具把超过两位的小数四舍五入到两位(如 80.0000 → 80),对绝大多数图形肉眼无差别。若对精度敏感(如精密图标),可关闭「精简数字」。
去掉的元数据包含什么?
包括 Inkscape/Sketch/Adobe 等编辑器写入的命名空间与属性、metadata 节点、编辑器生成的 title。这些不影响渲染,但会让文件变大。
优化后显示不正常怎么办?
先看右侧预览是否与预期一致。若异常,多半是原 SVG 依赖了被清理的 id 或 class 引用,此时取消勾选「去元数据」重新优化。

延伸阅读

相关工具