SuperAPI AI 工具集

favicon

通用与其它

查看项目

更新于 10-16 06:48

技能介绍

用途:为网站生成一整套 favicon 资源,覆盖传统浏览器、现代 SVG 图标、iOS 主屏和 PWA 场景。

主要能力:输出 favicon.ico(16/32/48 多分辨率打包,含 alpha,小于 15KB)、icon.svg(现代主图标)、icon-dark.svg(prefers-color-scheme: dark)、apple-touch-icon.png(180×180,不透明)、pwa/192.png、pwa/512.png、pwa/512-maskable.png(80% 安全区留白、不透明),以及 head-snippet.html 和 meta.json。

生成策略:优先复用品牌包中已有的 logo-mark.svg,用 SVGO 优化并按品牌色重着色;简单几何标记可让 LLM 直接输出固定 viewBox、不超过 40 条路径的 SVG,并用 @resvg/resvg-js 栅格化验证;也可先生成 1024² 位图再矢量化(BiRefNet 抠图、K-means 四色、potrace 或 vtracer、SVGO)。深色变体建议分别生成浅色与深色两版 SVG,避免算法反转导致对比度丢失。

验证要点:在 16×16 下渲染检查,前景与白色及深色浏览器背景的 WCAG AA 对比度不低于 4.5:1,16×16 下无小于 2px 的细节,.ico 小于 15KB,apple-touch-icon.png 必须不透明,maskable 图标主体位于中心 80% 圆内。

限制:资料未提供具体安装命令、依赖版本、收费或平台信息;实际效果取决于输入素材与验证流程。