使用指南

一步步完成文字图标生成与导出:填写文字、选择样式、微调细节、导出 PNG/SVG/ICO。

1

输入与配置

在左侧配置面板输入文字,选择字体前景/背景色尺寸

2

选择风格

从中部样式网格选择喜欢的风格,并在顶部大预览确认效果。可随时更换风格对比差异。

3

微调细节

  • 字距:调节字符间距,确保视觉平衡
  • 圆角:控制矩形类风格的圆角大小
  • 阴影:适度增加背景阴影以突出主体
4

导出文件

在导出面板选择 PNG / SVG / ICO 与目标尺寸,点击导出即可获得图标文件。

参数说明
  • 字体:影响整体风格与字重,建议与品牌一致
  • 字距:控制字符间距,字母型图标常用略微正值
  • 圆角:矩形风格的圆角百分比,偏高更亲和
  • 阴影:背景投影用于突出主体,建议适度
推荐导出尺寸
  • 文档/说明书:128×128 或 256×256 PNG
  • 侧边栏/菜单图标:64×64 或 96×96 PNG
  • 头像/占位图:256×256 PNG 或 SVG 保留矢量
  • Favicon:导出 ICO,包含 16/32/48 多尺寸
使用小贴士
  • 优先保留一份 SVG,方便后续调整颜色和尺寸
  • 为同一项目的图标使用一套统一配色与圆角
  • 字母类图标建议适当增加字距,提升可读性
  • 导出后在亮/暗两种主题下各自预览一次
文件管理建议
  • 为不同项目创建独立图标文件夹,按用途分子目录
  • 导出文件命名中包含项目名、尺寸与风格标识
  • 将 SVG 文件纳入版本管理系统,方便多人协作
  • 定期清理不再使用的临时导出文件,保持目录整洁