SVG 极致优化器
精简 SVG 代码,移除编辑器元数据,减小文件体积 — 全程在浏览器中完成。
即时在浏览器中优化 SVG 文件
从 Figma、Illustrator 或 Inkscape 等设计工具导出的 SVG 文件往往充斥着编辑器特有的元数据、注释和多余格式。Zolkit SVG 极致优化器将这些冗余内容全部剥除,输出精炼、可直接投产的 SVG 代码。
清除编辑器杂质
移除来自 Inkscape、Sodipodi、Adobe 的元数据、命名空间及注释,这些内容会显著增大从设计工具导出的 SVG 文件体积。
即时优化
纯 JavaScript 实现,无服务器往返,无 WASM 编译。输入即见结果。
灵活配置
自由开关各优化项:注释、元数据、title、desc。可自定义坐标小数精度。
完全私密
SVG 代码从不离开您的浏览器,在内存中处理,无服务器,无日志记录。
永久免费
无需账号,无使用限制,无付费墙。粘贴代码,即可下载。
实时预览
即时查看优化后的 SVG 渲染效果,确认没有重要元素被误删。
如何优化 SVG 文件
- 1
将 SVG 代码粘贴至输入框,或将 .svg 文件拖放至页面。
- 2
在选项面板中查看并切换需要删除的元素类型。
- 3
复制优化后的代码,或点击下载保存文件。
常见问题
SVG 优化器具体会删除哪些内容?
主要包括:XML 声明、DOCTYPE 声明、编辑器元数据(Inkscape/Adobe/Sodipodi 命名空间及元素)、HTML 注释、<metadata> 块以及多余空白。这些内容在浏览器渲染的 SVG 中均无实际作用。
优化会破坏我的 SVG 吗?
优化器只删除可安全移除的元素:编辑器元数据、注释和空白字符,不会删除任何绘图元素、路径、形状或样式规则。可通过预览面板确认效果后再下载。
应该删除 <title> 和 <desc> 吗?
默认保留,因为它们有助于提升 SVG 的无障碍性——屏幕阅读器会用它们来描述图形。仅当 SVG 为纯装饰性且无障碍性不是顾虑时,才建议删除。
什么是小数精度?
SVG 坐标(如 path 的 d 属性)往往含有很多小数位,例如 123.45678901。将精度设为 2 后会变为 123.46,显著减小文件体积而视觉上几乎无差异。图标类 SVG 尤其适合设置精度为 1–2。
这个工具和 SVGO 比怎么样?
Zolkit SVG 优化器涵盖了最具实效的优化项:元数据移除、命名空间剥除、空白压缩和精度缩减。如需更高级的变换(形状合并、路径简化),可使用 SVGO CLI 获得更极致的压缩效果。
可以批量处理多个 SVG 文件吗?
目前每次处理单个文件,批量优化功能已在路线图中。