SVG 优化器
用 SVGO 优化离线 SVG 子集,比较真实字节变化
工具说明
使用 SVGO 优化粘贴的 SVG 或不超过 2 MB 的本地文件。数字精度支持 0–6 位小数,可选多轮优化。保留 viewBox 会保留缩放坐标;关闭此选项仅在 viewBox 与固定尺寸匹配时允许移除,而移除 width/height 时会保留或推导 viewBox。优化前使用有限的离线子集:移除脚本、事件属性、foreignObject、动画、其他命名空间元素、非本地链接及部分含资源的样式;可以保留文档内引用与嵌入的 PNG/JPEG/WebP 图片。预览按图片加载,不把源码内联到网页。这不是供下载文件在其他场景使用的通用安全净化器。滤镜、样式、ID、精度变化和缺失资源可能影响外观,请在目标布局中对照。字节比较使用提交的原文和完成结果的 UTF-8 大小,也如实显示体积增加。修改输入或选项后旧结果立即失效。不保存源码或设置,处理过程不上传源码。
场景配方
把设计工具导出的图标用于生产包
目标:在不破坏响应式渲染的前提下降低传输体积
- 粘贴导出的 SVG,保留 viewBox,先用三位小数与多轮优化。
- 比较前后字节变化,并在多个尺寸下检查渲染预览。
- 替换源素材前,在目标应用中测试 CSS 类、ID、蒙版和受资源清理影响的部分。
结果:得到已测量字节变化、并经过独立外观与集成核对的 SVG。
常见问题
支持怎样的 SVG 输入?
可粘贴源码或打开不超过 2 MB 的文件;XML 无效、根元素不是 SVG、DOCTYPE 和实体声明会被拒绝。
viewBox 与固定尺寸选项怎样配合?
开启保留选项时保留 viewBox;关闭后,SVGO 可以移除与固定尺寸匹配的 viewBox。移除 width/height 则会保留或推导 viewBox,供图形缩放。
数字精度会改变什么?
使用 0–6 的整数控制数字舍入。低精度可能改变图形几何形状,替换精细素材前应进行对照。
输出经过完整安全净化了吗?
没有。有限的离线子集会移除主动特性及部分资源引用;图片模式预览还有独立的浏览器限制。把文件嵌入其他场景前仍需检查。
输出体积可能增加吗?
可能。报告按实际 UTF-8 字节显示增加或减少,不保证优化后一定更小。
输入会保存或上传吗?
不保存源码或设置;处理、预览和下载都在浏览器中完成。复制或下载会生成由你控制的副本。
继续浏览