组件库场景下 Font Awesome 转 PNG 要额外关心什么？
路由 `fontawesome-ui-asset-png`（font_awesome_to_png.ui）面向设计系统与组件库：按钮、列表行、空状态都需要像素对齐的图标。PNG 仍常见于遗留栈或邮件模板，与 SVG 共存时要明确单一真相来源。深色模式、禁用态与聚焦环都会影响可读性，应在文档中列出每种状态的资源。升级 Font Awesome 主版本时，要用自动化截图对比通知各产品团队，避免「悄悄变样」引发可用性质疑。
组件库用 UI 图标 PNG 导出步骤
- 在 `fontawesome-ui-asset-png` 按组件规范设置 20/24dp 等逻辑尺寸，并导出对应倍率。
- 在浅色与深色预览模板中检查对比度，记录需要的 on-dark 变体。
- 提交到 packages/icons 并通过 CI 校验文件名与 design token 对齐。
Font Awesome 转 PNG（UI 组件）问答
设计系统里 Font Awesome PNG 与 SVG 并存，如何避免双轨失控？
在 Storybook 或设计系统文档中列出所有导出尺寸与用途。
按钮内图标与纯装饰图标，导出尺寸要区分吗？
组件升级时跑视觉回归截图，关注 1x 与 2x 下的差异。
如何在代码评审中快速发现错误图标版本？
为深色主题维护独立资源或 CSS 滤镜方案，并写明兼容矩阵。
组件库升级 Font Awesome 主版本后，旧 PNG 资源如何批量治理？
列出引用清单做 diff，自动化对比新旧轮廓差异；对视觉变化大的图标走设计评审后再替换 CDN 路径。
深色模式是否需要单独导出一套 UI 图标？
若浅色底与深色底对比不足，应提供 on-dark 变体或调整品牌色；不要指望单张 PNG 在所有背景下都清晰。