@anistark/iconify
从Logo一键生成全平台Favicon图标集
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:@anistark/iconify。 它的用途是:从Logo一键生成全平台Favicon图标集 详细介绍见:https://321skill.com/skills/anistark-iconify/ 请根据该页面的说明完成安装。
使用示例
'请使用iconify工具将当前项目目录下的logo.png转换为全平台favicon集,输出到./public/favicon目录'。AI会执行 `npx @anistark/iconify -i logo.png -o ./public/favicon` 命令,自动生成所有尺寸的favicon图标、apple-touch-icon.png、android-chrome-192x192.png等文件,以及manifest.json和browserconfig.xml配置。
介绍
这个Skill解决了开发者在网站或应用上线时,需要为不同平台(桌面浏览器、iOS、Android、Windows等)准备多种尺寸和格式的favicon图标的问题。手动逐个导出、裁剪、命名不仅耗时,而且容易遗漏标准尺寸,导致部分设备上图标显示异常。通过这个终端工具,只需要一个Logo文件,就能自动生成完整的favicon集合,包括所有必要的图标文件、manifest.json和browserconfig.xml,确保全平台兼容。
使用方式非常简单,安装后只需在终端中执行一条命令,例如 npx iconify logo.png。工具会自动读取Logo,按照行业标准(如Apple Touch Icon、Android Chrome图标、favicon.ico等)生成所有尺寸的图标,并输出到指定目录。你还可以通过命令行参数自定义输出路径、图标前缀、是否生成Ico文件等,灵活适配不同项目的需求。整个过程无需打开浏览器或图形界面,完全在终端内完成,适合自动化脚本集成。
它非常适合前端开发者、全栈开发者以及个人站长,尤其是那些将网站部署流程自动化的团队。如果你使用CI/CD流水线(如GitHub Actions、GitLab CI),可以将这个工具集成到构建脚本中,每次发布时自动更新favicon,保证品牌一致性。对于需要频繁更换Logo或运营多个子站点的场景,这个工具能大幅节省人工操作时间。
建议在项目初始化或品牌重新设计时统一使用此工具生成favicon,避免后期手动补漏。需要注意的是,输入Logo建议为至少512x512像素的正方形PNG或SVG,以保证缩放后各尺寸图标的清晰度。该工具主要依赖Node.js和内部图像处理库,无需额外安装ImageMagick等外部软件,但在处理非常规格式(如GIF、WebP)时可能有限制。
常见问题
生成后是否包含favicon.ico文件?
是的,默认会生成多尺寸合并的favicon.ico文件,包含16x16、32x32和48x48三种尺寸。
能否自定义输出的图标尺寸列表?
当前版本使用预设的标准尺寸列表(如苹果设备、安卓设备等),不支持自定义非标准尺寸,但可以通过命令行参数调整是否生成某些尺寸组。