工具

Favicon 生成

从文字、Emoji 或图片生成网站图标，一键打包与 favicon.io 同结构的 ZIP，全部在浏览器内完成。

支持 PNG、JPG、SVG；图片可拖拽或点击上传。

1. 生成方式

文字

背景文字

Emoji

图片

📷拖拽或点击添加图片支持 PNG、JPG、SVG

网站名称（manifest 用，可选）

2. 预览

16×16

32×32

64×64

180×180

从左到右：浏览器标签 / 书签 / 预览 / 主屏图标

3. 下载

内含 favicon.ico、各尺寸 PNG、site.webmanifest。192×192 与 512×512 由 manifest 引用，无需单独写 link。

HTML 引用已剪下 ✓

<!-- 浏览器标签页、书签栏、地址栏 -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<!-- Apple 主屏快捷方式 -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- PWA / Android 主屏（192、512 在 manifest 内引用） -->
<link rel="manifest" href="/site.webmanifest">

关于 Favicon 生成器

这个工具是做什么的？

本工具支持三种方式生成网站图标：文字（1～2 个字 + 背景/文字色）、Emoji（按分类选择）、图片（上传 PNG、JPG 或 SVG）。生成后一键下载 ZIP，内含 favicon.ico、多尺寸 PNG 以及 site.webmanifest，与 favicon.io 结构一致，可直接放入网站根目录使用。若使用图片生成，建议上传正方形图片以获得最佳效果，非正方形可用图片编辑工具先裁切。

为什么需要 ICO，用 PNG 不行吗？

ICO 是一种多图层的图标格式，一个文件里可包含 16×16、32×32、48×48 等不同尺寸，浏览器会根据场景（标签页、地址栏、书签栏、桌面快捷方式等）自动选用合适尺寸，兼容性最好。本工具提供的 ZIP 里同时包含 favicon.ico 和各尺寸 PNG，既照顾老环境，也方便现代页面在 <link> 里精确指定尺寸。

什么图案适合做 Favicon？

建议使用简洁的图标、Logo 或单字。过于复杂的图案在缩小到 16×16 时会丢失细节、难以辨认。若现有 Logo 较复杂，可以改用本工具的「文字」或「Emoji」方式，用首字母或一个符号生成更清晰的 favicon。