Favicon 生成器
上传图片或输入文字 · 一键生成多尺寸 PNG 与 ICO · 附 HTML 代码 · 本地生成不上传
此处显示预览
📋 HTML 代码（粘贴到 <head>）
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32"> <link rel="apple-touch-icon" href="/favicon-180.png">
关于 Favicon 生成器
Favicon 生成器是一款免费的在线网站图标制作工具。你可以上传一张图片，或直接输入 1-2 个文字，一键生成 16、32、48、64、180、192、512 共 7 个尺寸的图标，导出单个 PNG、打包 ZIP，或生成一个真实的、内含多尺寸的 favicon.ico，并附上可直接粘贴到网页 <head> 的 HTML 代码。
使用方法：图片模式下上传或拖入图片，工具会居中裁剪为正方形（透明 PNG 保留透明背景）；文字模式下输入 1-2 个字并设置背景色、文字色和圆角。预览各尺寸后，点击“下载全部 (ZIP)”或“下载 favicon.ico”，再点“复制代码”把 HTML 片段粘贴到网站 <head> 中即可。
适用场景：为网站制作浏览器标签页小图标、苹果设备的 apple-touch-icon（180×180）、以及 PWA / 手机主屏图标（192、512）。
隐私说明：本工具全部在浏览器本地处理，文件不会上传到任何服务器，用完关闭页面即清除。
常见问题
支持生成哪些尺寸？
一次生成 16、32、48、64、180、192、512 共 7 个尺寸的 PNG，其中 180 用作 apple-touch-icon，192 与 512 适用于 PWA 与手机主屏；生成的 favicon.ico 内嵌 16、32、48 三个尺寸。
生成的 favicon.ico 怎么用？
把下载的 favicon.ico 放到网站根目录，再把工具下方给出的 HTML 代码（<link rel="icon"> 等几行）粘贴到页面 <head> 中，即可让浏览器标签页和苹果设备正确显示图标。
需要上传图片吗？收费吗？
完全免费，也无需上传。所有图标都在你的浏览器本地用 canvas 绘制生成，图片不会上传到任何服务器。
该用图片模式还是文字模式？
已有 logo 或图形素材就用图片模式，建议上传较大的正方形图片以保证清晰；没有素材时用文字模式，输入 1-2 个字并搭配背景色、文字色即可快速做出图标。
🧰 智数工具矩阵
客户端更强大 · 在线免安装 · 互为补充
🌐 在线工具（免安装 · 浏览器直用）