Favicon 生成器

上传一张方形图片，下载所需的全部 favicon 尺寸，并附带可直接粘贴的 HTML link 标签。

拖入一张正方形图片（PNG、JPG），或点击选择

或者用文字生成：

背景

文字

功能特性

覆盖全部标准尺寸

生成 link 标签代码

manifest.json 代码片段

打包为 zip 下载

使用方法

1. 把方形图片（PNG/JPG）拖到上传区。

2. 预览所有生成的尺寸。

3. 点击「下载」获取压缩包，并复制 HTML 代码片段。

关于这个工具

网站图标会出现在浏览器标签页、书签、历史记录、手机主屏幕快捷方式和搜索结果中，每个位置需要的尺寸都不同。这个生成器把一张正方形图片——或者彩色背景上的一两个字符——绘制成 16、32、48、64、128、180、192、256 和 512 像素，每个尺寸都有单独的 PNG 下载按钮。小尺寸最容易出问题：精细的细节和细字在 16 × 16 下会消失，所以粗壮的图形和强对比效果最好。请使用至少 512 × 512 像素的正方形原图，大尺寸才会清晰。下载后，在页面 head 中用 link 标签引用这些文件；如果是可安装的 Web 应用，还要在 manifest 中列出 192 和 512 两个尺寸。

常见问题

我实际需要哪些图标尺寸？

大多数网站需要：32 × 32 用于浏览器标签页（16 × 16 作为旧版兼容），180 × 180 用于苹果触摸图标，192 × 192 和 512 × 512 用于安卓和 Web 应用清单。48 × 48 也值得加上，因为 Google 搜索会显示 48 像素倍数尺寸的网站图标。

页面里应该加什么 HTML？

典型写法是 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">、<link rel="apple-touch-icon" href="/favicon-180x180.png">，再加一个列出 192 和 512 图标的 manifest，放在每个页面的 <head> 中。

能生成 .ico 文件吗？

不能。它导出 PNG 文件，所有现代浏览器都支持用 PNG 作为 rel="icon"。如果需要兼容很老的浏览器或某些 Windows 功能的多尺寸 favicon.ico，请用专门的 ICO 工具把 16、32、48 的 PNG 合并。

为什么图标在 16 像素下模糊或看不清？

在 512 像素下清晰的细节到 16 像素就会丢失。请使用简化的标志、更粗的线条和更强的对比，或者使用文字选项放一个粗体字母，小尺寸下也清晰可辨。

为什么新的图标没有显示出来？

浏览器会强力缓存网站图标。请清除缓存或用无痕窗口打开网站；替换图标时改个文件名，或加上 ?v=2 这样的版本参数。搜索引擎可能需要几天到几周才会更新。

Favicon 生成器

已生成的图标

功能特性

使用方法

关于这个工具

常见问题

相关工具