新站上线
设计师给一张 Logo，前端一次拿到全部尺寸和 head 代码。
加载中…
使用指南
Favicon 生成器用于把一张 Logo 变成网站需要的整套图标：favicon-16x16.png、favicon-32x32.png、favicon-48x48.png（浏览器标签与桌面快捷方式）、apple-touch-icon.png 180×180（iOS 主屏）、android-chrome-192x192.png 与 android-chrome-512x512.png（Android 与 PWA），再把 16 / 32 / 48 三张 PNG 封装成一个多尺寸 favicon.ico，并附上 site.webmanifest 模板与可直接粘贴到 的 代码。缩放用 pica 高质量重采样。处理在浏览器本地完成。
更新于 2026-09-09约 3 分钟读完
Favicon 生成器用于把一张 Logo 变成网站需要的整套图标：favicon-16x16.png、favicon-32x32.png、favicon-48x48.png（浏览器标签与桌面快捷方式）、apple-touch-icon.png 180×180（iOS 主屏）、android-chrome-192x192.png 与 android-chrome-512x512.png（Android 与 PWA），再把 16 / 32 / 48 三张 PNG 封装成一个多尺寸 favicon.ico，并附上 site.webmanifest 模板与可直接粘贴到 <head> 的 <link> 代码。缩放用 pica 高质量重采样。处理在浏览器本地完成。
它只负责尺寸与打包，不做图形设计：Logo 本身要在 16px 下仍可辨认，才是好 favicon。
favicon.zip。<link rel=icon>、apple-touch-icon、manifest）贴进 <head>，把解压后的文件放到站点根目录，manifest 里的名称和主题色按需修改。| 输入 | 输出 | 说明 |
|---|---|---|
1024×1024 透明 PNG Logo |
6 张 PNG + favicon.ico（含 16 / 32 / 48）+ site.webmanifest |
透明通道保留 |
1600×900 横版 Logo |
先居中裁成 900×900，再缩放 |
两侧被裁掉 350px |
200×200 小图 |
生成成功但提示「源图短边仅 200px，512px 图标为放大生成」 |
大尺寸图标会发虚 |
设计师给一张 Logo，前端一次拿到全部尺寸和 head 代码。
项目已有 favicon，只缺 192 / 512 的 manifest 图标，生成后取这两张。
换 Logo 后重新生成整套，覆盖根目录同名文件即可。
把 favicon.zip 解压进 static/ 目录。
缩到 16px 后细节必然丢失；favicon 应使用简洁的图形或首字母，避免细线和小字。
ICO 内部封装的是 PNG，Windows XP 及更早的资源管理器不支持；现代浏览器都能识别。
site.webmanifest 是模板，下载后用文本编辑器修改 name、short_name、theme_color 即可。
裁剪、缩放与 ICO 封装都在浏览器本地完成，Logo 不会上传到任何服务器。
更新于 2026-09-09
一张 Logo 生成全套网站图标：多尺寸 PNG + ICO + manifest