SVG 优化器
使用 SVGO 清理压缩 SVG,安全预览并比较字节大小
矢量图工具
🔒 100% 本地运行 — 你的数据不会离开当前页面由 ToolsKit 编辑团队维护•最近更新:2026年8月23日•最近复核:2026年8月23日
工具说明
SVG 优化器会在浏览器中使用 SVGO 处理粘贴源码或不超过 2 MB 的本地 SVG 文件。默认 Preset 会移除注释、Metadata、编辑器残留、冗余 Group 与属性,并简化数字和 Path 数据。你可以启用多轮优化、设置数字精度、保留响应式 ViewBox,并移除固定 Width/Height。结果预览前还会移除 Script,并通过 Blob URL 加载。字节比较使用 UTF-8 Blob 大小。优化可能改变 ID、样式、精度、Filter 或外部引用,复杂图形应做视觉对比,依赖 CSS/JavaScript 的素材在替换生产文件前也必须联调。
场景配方
01
把设计工具导出的图标用于生产包
目标:在不破坏响应式渲染的前提下降低传输体积
- 粘贴导出 SVG,保留 ViewBox,并先用三位小数与 Multipass 优化。
- 比较前后字节,并在多个尺寸下检查渲染预览。
- 替换源素材前,在目标应用中测试 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 与下载都在本地完成。
继续浏览