SVG 压缩/格式化工具
在线格式化、压缩和预览 SVG 代码
输入 SVG 即可实时预览结果这是什么工具？
SVG 压缩/格式化工具可以美化或压缩 SVG 代码，实时预览 SVG 图形，显示压缩前后体积对比。还会检测 SVG 中可能存在的安全风险（script 标签、事件属性等）。所有处理在浏览器本地完成。适用于前端开发者优化 SVG 图标、设计师处理 SVG 素材等场景。
如何使用？
- 1 粘贴 SVG 代码或上传 SVG 文件
- 2 点击「格式化」美化代码，或「压缩」减小体积
- 3 查看实时预览和体积对比
- 4 点击「下载 SVG」保存结果
常见问题
SVG 会上传服务器吗？
不会，所有处理在浏览器本地完成。
压缩会改变图形吗？
正常压缩只去除空格和注释，不会改变图形。
安全风险提示是什么？
工具会检测 SVG 中的 script 标签和事件属性，提醒注意安全。
适用场景与示例
- 压缩设计软件（Figma/Illustrator）导出的冗余 SVG，去除元数据减小体积
- 把内联进 HTML/CSS 的图标统一格式化，便于维护
- 检测 SVG 里的 <script> 和事件属性，防止内联 SVG 的 XSS 风险
- 给网页图标、插画瘦身，提升首屏加载速度
输入
一个带注释和编辑器元数据的 5KB SVG
输出
去除注释/元数据/默认值后约 2KB 的等价 SVG
💡 正确压缩只去冗余，不改变图形渲染结果。
原理与常见错误
SVG（Scalable Vector Graphics）是基于 XML 的矢量图形格式，用路径、形状、文本等元素描述图形，放大不失真，非常适合图标、Logo、插画等需要任意缩放的场景。SVG 压缩的本质是去除不影响渲染的冗余信息：注释、编辑器元数据（如 Inkscape/Figma 的命名空间）、默认属性值、多余空白和未引用的定义，工业工具 SVGO 做的就是这些。需要特别注意的是 SVG 的安全面：SVG 是 XML，可以内嵌 <script> 标签和事件属性（onload、onclick 等）。当 SVG 作为 <img src> 引入时浏览器不会执行其中的脚本；但当 SVG 直接内联进 HTML、被 CSS 用作 background、或作为独立文档打开时，脚本会执行，可能造成 XSS。因此本工具会检测 SVG 中的脚本和事件属性并给出风险提示，处理来源不明的 SVG 时尤其重要。
⚠️ 压缩后图形变形
正确的压缩只去冗余不改路径；若变形多半是工具误删了必要属性，换可靠工具或保留备份再压。
⚠️ 内联 SVG 触发 XSS
清除 <script> 和 on* 事件属性后再内联；来源不明的 SVG 不要直接内联进 HTML。
⚠️ 删掉 viewBox 后缩放异常
viewBox 定义了坐标系，删掉会导致图形无法正确缩放，应保留。
⚠️ 格式化后体积反而变大
格式化是美化（加缩进换行），会增大体积；要减小体积请用「压缩」而非「格式化」。
参考与更新
最后更新：2026-06-29