为什么要把 Font Awesome 图标导出成 PNG？
Font Awesome 在 Web 与移动端常以字体或 SVG 形式引用，但幻灯片、古早 CMS、邮件模板、设计稿交接或离线文档往往只接受栅格 PNG。团队会搜「fontawesome 导出 png」「图标转透明底」「favicon 多尺寸」——核心是把矢量语义变成像素一致、边缘清晰、透明背景可控的素材。导出前要明确目标倍率（1x/2x/3x）、是否需要仅轮廓或实心填充、以及品牌色与线宽规范。PNG 放大会锯齿，故应以最终展示最大尺寸为基准生成，再按需缩小。注意 Font Awesome 免费与付费授权差异：商用范围、是否允许再分发、是否需保留版权声明，应对照你持有的许可条款执行。
Font Awesome 转 PNG 建议流程
- 在工具中选择图标名称或样式（如实心/线框），设置导出边距、背景透明与目标像素尺寸，对齐设计规范中的最小可点触区域。
- 放大预览检查边缘是否发灰、抗锯齿是否过软；对深色模式单独导出反色版本或提高对比。
- 按命名规范输出（含倍率后缀），同步到组件库或 CDN，并在变更日志记录图标版本与许可说明。
Font Awesome 转 PNG 常见问题
同一图标要给 iOS、Android 与 Web 用，尺寸怎么定？
以各平台人机指南中的最小点击目标为下限，分别导出 @1x/@2x/@3x 或 mdpi/hdpi/xhdpi 套图，避免单张放大产生虚边。
透明背景图标叠在照片上发灰，是导出错了吗？
多为抗锯齿与背景对比问题；尝试加描边、换品牌底色导出专用版本，或在设计稿里用混合模式校正。
可以把导出的 PNG 再卖给第三方素材包吗？
取决于你的 Font Awesome 许可级别；Pro 资源通常限制再分发，打包出售前必须阅读条款或咨询法务。
线框图标缩小后糊成一团怎么办？
提高导出基准分辨率、略增线宽或换实心变体；极小 favicon 场景建议使用简化图形。
团队如何统一全站图标颜色与命名？
在设计令牌里固定色值与文件名前缀，导出脚本写入 CI；禁止设计师本机随意改色不上传组件库。