它是什么
SVGOMG 是一个基于 SVGO 的免费在线 SVG 压缩与优化工具。它把“参数调优”做成可视化界面,让你在浏览器里就能把 SVG 变小、变干净,同时尽量不影响显示效果。
如果你经常做图标/插画/前端切图,SVGOMG 基本是必备收藏:不用安装、不用登录,打开就能用。
亮点与能力
- 可视化对比:实时预览优化前后效果,避免“压坏了才发现”。
- 基于 SVGO:使用行业常见的优化器,规则成熟。
- 可控的优化选项:按需开启/关闭清理规则,适配不同项目规范。
- 直接导出:优化后可直接下载 SVG,或复制代码用于前端。
- 适合图标与插画:对路径、属性、冗余节点等有明显瘦身效果。
工具地址
https://jakearchibald.github.io/svgomg/
操作方法(新手 3 分钟上手)
- 打开 SVGOMG 网站。
- 将你的 SVG 文件拖拽到页面中(或点击上传)。
- 观察右侧的预览与大小变化,确认画面无异常。
- 从左侧/下方选项中逐项开启或关闭优化规则,找到“体积最小且不影响显示”的平衡点。
- 如果你的 SVG 需要保留某些属性(如 id、class、 等),优先检查相关清理选项是否误删。
- 确认无误后点击下载,替换项目中的原 SVG。
注意事项与避坑
- 别盲目追求最小:有些清理规则可能影响动画、蒙版、渐变或可访问性信息。
- 图标系统要统一规范:同一套图标建议统一优化规则,避免输出风格/结构差异过大。
- 留意 fill/stroke:若你的项目依赖 CSS 控制颜色,避免优化时把关键属性写死。