Zolkit

SVG 极致优化器

精简 SVG 代码,移除编辑器元数据,减小文件体积 — 全程在浏览器中完成。

优化选项
Input
优化结果

即时在浏览器中优化 SVG 文件

从 Figma、Illustrator 或 Inkscape 等设计工具导出的 SVG 文件往往充斥着编辑器特有的元数据、注释和多余格式。Zolkit SVG 极致优化器将这些冗余内容全部剥除,输出精炼、可直接投产的 SVG 代码。

清除编辑器杂质

移除来自 Inkscape、Sodipodi、Adobe 的元数据、命名空间及注释,这些内容会显著增大从设计工具导出的 SVG 文件体积。

即时优化

纯 JavaScript 实现,无服务器往返,无 WASM 编译。输入即见结果。

灵活配置

自由开关各优化项:注释、元数据、title、desc。可自定义坐标小数精度。

完全私密

SVG 代码从不离开您的浏览器,在内存中处理,无服务器,无日志记录。

永久免费

无需账号,无使用限制,无付费墙。粘贴代码,即可下载。

实时预览

即时查看优化后的 SVG 渲染效果,确认没有重要元素被误删。

如何优化 SVG 文件

  1. 1

    将 SVG 代码粘贴至输入框,或将 .svg 文件拖放至页面。

  2. 2

    在选项面板中查看并切换需要删除的元素类型。

  3. 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 文件吗?

目前每次处理单个文件,批量优化功能已在路线图中。