SVG

SVG 优化器

使用 SVGO 清理压缩 SVG,安全预览并比较字节大小

矢量图工具
🔒 100% 本地运行 — 你的数据不会离开当前页面
由 ToolsKit 编辑团队维护最近更新:2026年8月23日最近复核:2026年8月23日
SVG
优化结果

优化后的源码、预览和节省比例会显示在这里。

工具说明

SVG 优化器会在浏览器中使用 SVGO 处理粘贴源码或不超过 2 MB 的本地 SVG 文件。默认 Preset 会移除注释、Metadata、编辑器残留、冗余 Group 与属性,并简化数字和 Path 数据。你可以启用多轮优化、设置数字精度、保留响应式 ViewBox,并移除固定 Width/Height。结果预览前还会移除 Script,并通过 Blob URL 加载。字节比较使用 UTF-8 Blob 大小。优化可能改变 ID、样式、精度、Filter 或外部引用,复杂图形应做视觉对比,依赖 CSS/JavaScript 的素材在替换生产文件前也必须联调。

场景配方

01

把设计工具导出的图标用于生产包

目标:在不破坏响应式渲染的前提下降低传输体积

  1. 粘贴导出 SVG,保留 ViewBox,并先用三位小数与 Multipass 优化。
  2. 比较前后字节,并在多个尺寸下检查渲染预览。
  3. 替换源素材前,在目标应用中测试 CSS Class、ID、Mask 与外部引用。

结果:得到体积更小且经过视觉与集成复核的 SVG。

常见问题

SVGO 默认会移除什么?

Preset 可移除注释、Metadata、编辑器数据、隐藏或冗余结构,并简化属性、Transform、数字、颜色与 Path。

应该保留 ViewBox 吗?

通常应该。即使移除固定 Width/Height,ViewBox 仍可让 SVG 响应式缩放。

数字精度应该选多少?

三位小数是实用默认值;精细技术图可能需要更高精度,简单图标通常可以更低。

为什么优化后 SVG 外观可能变化?

过低精度、Path 转换、ID 清理、Style 合并、Filter、Mask、外部资源或 CSS 依赖都可能影响渲染。

优化器会移除 Script 吗?

会,配置包含 SVGO removeScripts 后才创建本地预览,但不可信 SVG 仍应谨慎检查。

SVG 源码会上传吗?

不会,解析、SVGO 优化、字节计算、预览 Blob 与下载都在本地完成。

继续浏览