favicon-gen

favicon-gen 技能是一款专为开发者与网页设计师打造的自动化设计到产品化工具，旨在快速生成高质量的网站图标组合。它通过接收原始输入（如品牌标志、首字母或特定品牌颜色），自动产出所有符合现代网页标准的格式，包括 favicon.svg、favicon.ico、apple-touch-icon.png 及 Android/PWA 专用图标，免除繁琐的手动图像处理需求。此技能亦能自动产生必要的 site.webmanifest 文件，并提供整合所需的标准 HTML 标签。

• 从单一原始 SVG 自动生成多种尺寸（16x16, 32x32, 180x180, 192x192, 512x512）。

• 支持多种设计方法：从标志提取图标、从首字母创建缩写图标 (Monogram)、以及生成品牌化形状（圆形、方形、盾牌）。

• 内置处理平台特定细节的逻辑，例如确保 iOS 图标具备实心背景，以避免常见的“黑色方块”渲染问题。

• 直接整合 ImageMagick 以进行强大的图像转换与处理。

• 提供循序渐进的工作流程，用于测试 16x16 尺寸的可读性，并针对小尺寸屏幕简化图标设计。

• 先决条件：系统需安装 ImageMagick (convert 指令)。

• 输入：接受原始标志文件、品牌颜色 hex 代码或用于缩写图标的文字。

• 输出：包含标准化图标文件的完整目录及客制化的 manifest.webmanifest。

• 使用场景：初始化新网站项目、替换默认 CMS 图标（如 WordPress 的 W 标志）、排解移动设备主屏幕图标渲染问题，或确保网页应用程序的 PWA 兼容性。

• 最佳实践：务必测试小比例的可读性，并在缩写图标中使用粗体字以维持在较小尺寸下的清晰度。