优化 SVG
保持文件干净,有助于更快、更可预期的导出。
1)移除编辑器元数据
导出最小化的 SVG,避免私有编辑器数据(ID、参考线、隐藏图层)。
2)将文本转为路径(在合适时)
如果图标包含文本,请转曲为路径以保证各端一致显示。
保留一份可编辑的文本版本以便后续修改;另导出一份转曲版用于生成图标。
3)扁平化分组与变换
嵌套的分组与变换可能会在导出时改变边界。尽可能扁平化。
4)校验 viewBox 与图形边界
viewBox 应紧密包裹图形(不要留大面积空白),宽高可保持灵活。
<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">...
若图标显示被裁剪或留白过多,请检查 viewBox 并修剪画布外形状。
5)在小尺寸下检查描边与填充
在 16、32、64 px 预览。若细节丢失,可适当加粗描边或简化形状。
生成前速查表
- 无编辑器元数据与隐藏图层
- 文本已转为路径(保留可编辑源文件)
- 分组/变换在可行范围内已扁平化
- viewBox 紧贴图形(无大空白)
- 16–64 px 下描边/填充清晰可读
对于单色图标,确保填充为纯色,避免在缩小时效果不佳的半透明叠加。
