网站图标怎么配?看这Skill

从Logo生成完整的网站favicon图标包。

favicon-gen 是从标志、姓名缩写或品牌形状制作网站图标的 Skill。它先做 SVG 源图,再整理浏览器标签、手机书签等场景要用的格式和页面声明。

不是把完整大标志缩小就结束:小尺寸下细线和文字可能糊成一团。先看十六像素能否认出来,再按网站场景选 ICO、SVG 和触屏图标,主文的格式包不代表每个网站都要全配。

文字 SVG 还受字体影响;生成尺寸正确,也要检查页面路径、子目录与缓存。加上网页清单和两张大图,不单独保证应用可安装,普通图标也不会自动适配所有遮罩形状。

适合替换默认图标并理清接入步骤。主文所指素材和扩展格式指南未展开,本文未生成图片或在浏览器验收;最终应看实际标签与书签显示,不能只检查文件存在。

分类:编程开发

来源仓库:jezweb/claude-skills

适合用来做什么

  • 从我的标志生成一个favicon.svg文件。
  • 将我的品牌颜色转换为网站图标。

安装 favicon-gen

npx skills add https://www.iskills.cc/skills/jezweb/claude-skills/favicon-gen/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 favicon-gen 的用途与原始说明

浏览全部 Skill 指南