SVG 工具箱
压缩、格式化、编码与代码转换,SVG 文件不出浏览器。
SVG 压缩 / Optimize
SVGO 多轮压缩:移除元数据、注释与冗余属性并精简路径,视觉输出保持不变(viewBox 保留)。
输出优化后 SVG / 编码串 / 组件代码 / ZIP 包 · 免登录
格式化 / Format
轻量格式化:标签换行 + 两空格缩进(容器标签递进层级,自闭合与叶子元素不缩进)。适合人工审阅与版本对比,不改变语义。
Base64 / data URI
data URI(encodeURIComponent)体积更小、可读性高,推荐优先使用;Base64 兼容性最广。
代码转换 / Code Export
React 输出为 TSX 函数组件(属性驼峰化,支持 size prop);Vue 输出 SFC 模板;data URI 可直接内联。
批量打包 / Batch Export
多个 SVG 逐个压缩后打包为 ZIP;单文件最大 512.0 KB,一次最多 300 个。
拖拽多个 .svg 文件到此处,或 点击选择文件
支持多选,单文件最大 512.0 KB,最多 300 个;也可整包拖入
全部处理在浏览器本地完成,文件不会被上传。
雪碧图 / Sprite
多个 SVG 合成为 symbol 雪碧图,页面内 <use> 引用即可复用;单文件最大 512.0 KB,一次最多 60 个。
拖拽多个 .svg 到此处,或 点击选择文件
以文件名生成 symbol id,自动去重;生成结果可下载或复制
全部处理在浏览器本地完成,文件不会被上传。
位图转矢量 / Trace
Potrace 描摹:把轮廓清晰的 Logo、图标与插画转成 SVG 路径;单色适合标志剪影,色阶适合色彩分明的插画。
描摹在服务端完成,图片仅用于本次转换;照片类图像会变成色块与路径,无法保留全部细节。
图片仅在本次请求中处理,不会被存储。
功能特点
- 使用费用
- 完全免费
- 无需注册登录,打开就能用。
- 使用次数
- 不限使用次数
- 全部处理在浏览器本地完成,无次数限制。
- 文件大小
- 单文件 ≤ 2 MB
- 批量打包单文件 ≤ 512 KB,一次最多 300 个。
- 功能亮点
- 文件不出浏览器
- 压缩与转换全部在本地完成,关闭页面即清空。
使用场景
- 01
给图标瘦身
设计稿导出的 SVG 常带编辑器元数据,压缩后体积可降数倍。
- 02
接入前端项目
把 SVG 变成 React / Vue 组件或 data URI,直接粘贴进代码。
常见问题
压缩会影响显示效果吗?
压缩只移除元数据、注释与冗余属性并精简路径数值,视觉输出保持不变,可在预览中确认。
文件会被上传到服务器吗?
不会。全部处理在你的浏览器本地完成,刷新或关闭页面后即清空。
批量打包有数量限制吗?
一次最多 300 个文件,单个不超过 512 KB,打包为 ZIP 下载。

