使用指南
一步步完成文字图标生成与导出:填写文字、选择样式、微调细节、导出 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 文件纳入版本管理系统,方便多人协作
- 定期清理不再使用的临时导出文件,保持目录整洁