SVG 格式化与预览 纯前端 · 免登录

SVG 格式化工具使用说明

从设计工具导出的 SVG 常被压缩成一整行，排查样式问题时很难阅读。本工具按 XML 结构重排缩进，也可以反向压缩成最小体积，全程浏览器本地处理，不上传任何内容。

美化模式会把标签、属性按层级展开并统一引号风格，适合阅读和手工修改；压缩模式删除注释与标签间的空白，只保留必要内容，适合直接内嵌到 HTML 或作为图标资源。注意 text / tspan / style 节点内的空白与文本会原样保留，不会破坏文案排版。

右侧预览区使用浏览器原生渲染，所见即最终效果。若预览空白但代码看起来正常，通常是 SVG 缺少 viewBox 或宽高为 0，元信息栏会同时给出尺寸提示。