Favicon 生成器
上传 logo 或图片，一次得到现代网站需要的全部图标尺寸——favicon.ico、16×16 到 512×512 的 PNG、apple-touch-icon。自动补正方形和留白。
将图片拖到此处，或点击选择文件
支持 PNG、JPG、WebP、SVG —— 建议使用 512×512 以上的正方形图片。
原图![]()
尺寸预览（按实际像素显示）
16×16
32×32
48×48
180×180
你的 Favicon 文件包
HTML 代码片段
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">192 和 512 像素的图标用于 PWA 的 manifest.webmanifest 清单文件，而非 <link> 标签。
这个工具不好用？ 吐槽一下，我们马上改
使用方法
- 上传 logo 或图片（透明底 PNG 效果最佳）。
- 预览小尺寸下的实际效果。
- 下载完整的 favicon 包。
常见问题
到底需要哪些尺寸？
现代网站需要：favicon.ico（16/32/48）、180×180 的 Apple touch 图标、192×192 和 512×512 的安卓/PWA 图标。包里全都有，还附可直接粘贴的 HTML 代码。
我的 logo 不是正方形怎么办？
会自动居中放到正方形画布上，用透明（或你选的背景色）补白，不会拉伸或裁切。
为什么 16×16 下图标发虚？
细节在极小尺寸下会糊成一片。简化设计：用粗图形或单个字母。实时预览就是用户在标签栏看到的真实效果。