跳到主要内容

SVG 压缩

开发者工具

把设计软件导出、代码里内联时用的 SVG 瘦一瘦。动的都是声明、注释和标签之间的空白,path 里的 d 属性一个字节都不碰。

正在加载工具…

使用说明

4 步
  1. 01

    把 SVG 源码粘进输入框

  2. 02

    内联到 HTML 里时可以把「保留 XML 声明」取消勾选,能再省一点

  3. 03

    需要留版权注释就勾「保留注释」

  4. 04

    复制结果,或下载成 .svg 文件

常见问题

4 个问题
Q1什么时候需要保留 XML 声明?

把 SVG 当独立文件分发、并且想明确指定编码和版本时才需要。直接内联进 HTML 或用作 background-image 时通常可以去掉。

Q2会误删图形内容吗?

不会。工具只处理 XML 声明、DOCTYPE、注释、标签之间的空白,以及标签结尾多余的斜杠前空格。path 的 d、viewBox、fill 这些属性都原样保留。

Q3为什么没有像 SVGO 那样压得狠?

SVGO 会重写路径数据、合并图形、删掉默认属性,压缩率更高但结果不好人工核对。这里只做文本层面的清理——你能一眼看出改了什么,也不会因为工具理解错了图形而画歪。

Q4压完怎么用?

可以直接内联进 HTML,也可以保存成 .svg 文件再引用。想再小一点,把 fill 换成 currentColor、删掉编辑器加的空 group,这些属于设计层面的清理。

开发者工具