Favicon 图标套件生成器
从文字或图片生成 16-512 px PNG、多尺寸 favicon.ico、Web Manifest 和 ZIP
工具说明
从本地 PNG、JPEG、WebP、AVIF Logo 或文字标记创建图标套件。ZIP 包含 16、32、48、180、192、512 像素的 6 张正方形 PNG；favicon.ico 内含 16、32、48 像素 PNG 帧。起始 site.webmanifest 通过相对路径引用 192 和 512 像素文件。浏览器支持分段时，文字取前 4 个完整字素簇；否则按 Unicode 码点回退，并缩放到图标范围内。字形和 Emoji 外观取决于本机可用字体。前景色用于文字，背景色对两种模式均有效。图片等比完整适配，可能留下边距；开启圆角后会裁去正方形边角，包括位于边角的图片内容。部署前应查看 16 像素结果。将套件放到网站根目录，添加图标及 Manifest 链接，并按应用修改名称、启动 URL、路径和缓存版本；生成套件不会自动安装到网站。单张输入不超过 40 MiB，单边不超过 8192 像素，总计不超过 3200 万像素。文件在当前页面处理，不保存为浏览器草稿。
场景配方
网站发布前生成并评审 Favicon 套件
目标：在强缓存部署前发现小尺寸图标和 Manifest 问题
- 用已批准 Logo 或文字生成套件，检查每个预览，尤其是 16 和 32 像素。
- 在目标浏览器和操作系统环境打开 ICO 与 PNG，检查边距和对比度。
- 按应用修改 Manifest 名称和路径，部署到 Staging，并在生产前验证带 Cache Bust 的图标链接。
结果：得到已经评审的平台图标套件，并明确路径和缓存假设。
常见问题
ZIP 具体包含什么？
6 种尺寸的 PNG、1 个内含 16/32/48 PNG 帧的 ICO、1 个 site.webmanifest，共 8 个文件。
较长文字如何处理？
支持时使用前 4 个完整字素簇，否则按码点回退。文字会适配图标宽度，请检查小尺寸是否仍可读。
图片内容会被裁剪吗？
等比适配会保持宽高比，可能增加边距；开启圆角后会裁去正方形边角，因此碰到边角的图片内容可能被移除。
为什么 Emoji 在不同电脑上可能不一样？
画布使用本机可用字体，没有嵌入统一字体，因此字形和彩色渲染可能不同，应检查生成的 PNG。
Manifest 会自动配置网站吗？
不会。需要部署文件、添加图标和 Manifest 链接，并按需修改名称、start_url 和路径。提供的图标路径相对于 site.webmanifest。
修改设置后会怎样？
旧套件会清除，之前尚未完成的异步生成也不会覆盖新结果。
继续浏览