Favicon 生成器(多尺寸 PNG)
文件
拖入 logo 或图标,工具会按浏览器与系统实际请求的 10 个尺寸渲染 PNG:16/32/48 为旧版 favicon,180 为 Apple touch icon,192/512 为 PWA manifest 图标。可选背景色(或透明)与边距百分比,自动生成可粘贴的 `<link>` 片段。全部用 canvas 渲染——图片不离开浏览器。
—
拖入图片以生成图标包。
使用方法
- 拖入一张方形源图(PNG/SVG/JPG,建议 512×512+)。
- 选择背景(透明或颜色)与边距 %。
- 单独或一次性下载,把 HTML 片段粘进 `<head>`。
常见问题
- 为什么要这么多尺寸?
- 每种环境会挑最接近的尺寸而不缩放:浏览器偏好 32,Apple touch 用 180,Chrome PWA 安装要 192/512,Windows 磁贴用 144/270。全提供最稳妥。
- .ico 文件在哪?
- 现代浏览器更喜欢 PNG。若仍需 `favicon.ico`,把 `favicon-32.png` 改名即可——大多数浏览器接受扩展名为 .ico 的 PNG。
- 我的图在 16×16 看起来糊。
- 小尺寸细节会消失,请用简化版 logo。许多网站对 32px 以下使用单独的 "标记"。
- 透明 vs 纯色背景?
- 透明在深/浅色浏览器与 PWA 安装更好看;纯色(白色或品牌色)在 iOS 主屏更像按钮。