跳到正文
EVOA Toolbox

SVG 优化器

用 SVGO 压缩 SVG 文件:移除元数据和冗余内容,控制精度,保留 ID 和 viewBox,并对比优化前后的效果。

在浏览器中本地处理,你的文件不会被上传。

正在加载工具…

这个工具能做什么

从设计工具导出的 SVG 文件常常带有编辑器元数据、注释、默认值和过高精度的数字。本工具在你的浏览器中运行 SVGO(标准的 SVG 优化器),显示优化前后的大小,并提供两个版本的可视化预览,方便你确认外观没有变化。

选项涵盖真正重要的取舍:保留 viewBox 以便图像仍可缩放;当 CSS 或 JavaScript 引用 id 和 class 名称时保留它们;移除元数据、注释或标题;选择路径保留的小数位数;以及移除脚本。如果文件本身已经足够精简,工具会如实告知,而不会假装节省了字节。

预览通过 image 元素渲染,因此 SVG 内部的脚本不会在本页面运行,代码则以文本形式显示。如果 SVG 包含脚本、事件处理器、foreignObject 或外部引用,你会看到警告。不会上传任何内容。

使用方法

  1. 1添加一个 SVG 文件。
  2. 2查看关于脚本或外部引用的警告(如有)。
  3. 3调整选项,结果会自动更新。
  4. 4对比优化前后的大小和预览。
  5. 5复制优化后的代码,或下载 .min.svg 文件。

支持的格式

输入和输出:SVG(.svg)。

隐私

此工具在你的浏览器中运行。你提供的数据在你的设备上处理,不会发送到我们的服务器。

限制

  • 降低精度可以缩小文件,但可能让精细的细节出现肉眼可见的变形;使用结果前请对比预览。
  • 移除 ID 或 class 可能会破坏 CSS、JavaScript 或 <use> 引用;如果你依赖它们,请启用“保留 ID 和 class”。
  • 移除 viewBox 会使图像不再随容器缩放;默认会保留它。
  • 已经优化过的文件可能完全无法缩小,极少数情况下甚至会略微变大。
  • 仅支持 SVG 图像;SVG 内嵌的位图不会被重新压缩。

常见问题

优化是无损的吗?

使用默认设置时,图像看起来应当完全一致。降低精度、合并路径或移除标题会改变文件内容,因此请务必对比预览。

为什么我的 SVG 没有变小?

它可能已经被压缩过了。可以尝试减少小数位数,或在不需要时移除标题和元数据。

打开带脚本的 SVG 文件安全吗?

预览使用 image 元素,不会运行脚本,代码也以文本形式显示。尽管如此,请不要把来源不可信的 SVG 直接内联到你自己的页面中。启用“移除脚本”可以将其清除。

“保留 ID 和 class”有什么作用?

SVGO 通常会缩短或移除它认为未使用的 ID。保留它们可以保住 CSS、动画和 <use> 引用所需的挂钩。

相关工具