SVG2Icon • 用户手册

版本 v1.1.0

svg2icon-用户-v1.1.0

优化 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 下描边/填充清晰可读

对于单色图标,确保填充为纯色,避免在缩小时效果不佳的半透明叠加。

Skip to main content