SuperAPI AI 工具集

favicon

前端与建站

查看项目

更新于 10-15 17:29

技能介绍

用途:从指定源图片生成一整套 favicon 文件,并更新项目 HTML 中的图标链接标签,用于为 Web 项目配置站点图标。

主要能力:先校验源图片路径与格式(支持 PNG、JPG、JPEG、SVG、WEBP、GIF),再自动识别项目类型与静态资源目录(如 Rails、Next.js、Gatsby、SvelteKit、Astro、Hugo、Jekyll、Vite、CRA、Vue CLI、Angular、Eleventy、静态 HTML 等)。随后生成 favicon.ico(16/32/48 多分辨率)、favicon-96x96.png、apple-touch-icon.png(180x180)、web-app-manifest-192x192.png、web-app-manifest-512x512.png;若源为 SVG 还会复制 favicon.svg。同时创建或更新 site.webmanifest,并更新对应布局文件中的图标标签。

使用方式:需先确认已安装 ImageMagick v7+(which magick)。macOS 安装:brew install imagemagick;Linux:sudo apt install imagemagick。技能以源图片路径作为参数运行,按步骤校验、检测、生成并更新 HTML。应用名称按 site.webmanifest、package.json、Rails 模块名、目录名的优先级获取并转为标题格式。

适用场景:为各类前端或全栈 Web 项目快速补齐 favicon 与 PWA 图标配置。

限制:依赖 ImageMagick;若未安装或源图片无效会停止并报错。项目结构不明确时需确认目标目录。未检测到项目类型时跳过 HTML 更新,仅提示手动添加标签。已有图标文件时以其位置为准。若布局文件找不到,仍生成文件但需手动添加 HTML。具体收费、价格与效果资料暂未提供。