很多 SVG 体积偏大,是因为编辑器附加信息多、小数精度过高或路径太复杂。这份清单帮你稳定压缩。
1)先去掉结构冗余
- 移除 metadata、注释和编辑器特有命名空间。
- 合并冗余分组,清理未使用的 defs/mask/clip。
- 删除不会渲染的隐藏图层。
2)再做几何层优化
- 按业务场景下调小数精度。
- 在不影响视觉的前提下合并路径、简化曲线。
- 重复图标用 sprite 或 symbol 降低重复体积。
3)最后做真实环境校验
- 在目标背景和不同 DPR 下检查显示效果。
- 对关键页面做前后对比,排查细微偏差。
- 记录体积收益并在 CI 设置阈值。