Favicon 生成器

上传图片或输入文字 / Emoji，实时生成 16×16 至 512×512 共 9 种尺寸的网站图标（favicon），支持圆角与圆形裁剪、透明背景、内边距调节，一键导出 favicon.ico、PNG 单图、ZIP 全尺寸包与 HTML 引入代码。全部在浏览器本地完成，图片不上传服务器。

图标来源

图标文字

建议 1-2 个字符，字号自动适配画布

选项

外形

圆角半径22%

内边距10%

背景色

文字颜色

输出尺寸

点击切换选中；16/32/48 写入 ICO，180 为 iOS，192/512 用于 PWA

实时预览

—

16×16

—

32×32

—

48×48

—

64×64

—

96×96

—

128×128

—

180×180

—

192×192

—

512×512

来源1 字符

选中尺寸6/9

ICO 内图5 张

总体积0.0 KB

耗时0 ms

HTML 引入代码

<!-- 将文件放到站点根目录，把以下代码加入 <head> -->
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />

把生成的图标文件上传到网站根目录，再把这段代码放进每个页面的 <head> 中即可生效。

使用说明

全部处理在浏览器本地完成，图片不会上传到任何服务器。
ICO 容器单张最大 256×256，更大的尺寸会自动排除。
建议同时提供 favicon.ico（兼容旧浏览器）与 PNG 尺寸（高清屏、iOS 与 PWA 使用）。