favicon 生成器 — favicon.ico、应用图标套装
生成浏览器标签页、手机主屏幕、搜索结果中显示的各种尺寸图标，打包为一个 ZIP 下载。
文件不会传送到服务器 — 仅在本机浏览器内处理
粗细
形状
应用信息（site.webmanifest）
粘贴到 <head> 中的 HTML
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <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"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#3182f6">
此说明以将 ZIP 中的文件上传到网站根目录（/）为前提。相同的代码也包含在 head.html 中。
广告
制作 favicon 使用方法
- 1上传图片，或设置文字/表情符号及颜色。
- 2通过预览查看不同尺寸下的效果。
- 3点击[下载 ZIP]，然后将提示的 HTML 代码粘贴到 <head> 中。
常见问题
原始图片用什么样的比较好？
最好使用 512×512 以上的正方形 PNG、SVG。图形越简单，在小尺寸下显示效果越好。
只用一个 favicon.ico 不够吗？
对旧版浏览器已经足够，但 iPhone 主屏幕图标（180px）、Android（192、512px）仍需单独准备 PNG。
广告