Favicon生成器 — PNG图标和多尺寸ICO

将图片转换为16至512像素的PNG图标，以及包含16、32、48、64和256像素尺寸的ICO。预览后下载所需文件。

不裁剪图像边缘即可创建标准图标尺寸。

或将一张图片拖放到此页面的任意位置

favicon.ico 包含 16、32、48、64 和 256 px 帧。PNG 会按显示尺寸保存，180 px 保存为 apple-touch-icon.png。

请选择图片。

创建 ICO 和 PNG 网站图标

需要了解的要点

一张原图会产出两类文件。“下载 favicon.ico”按钮生成一个包含 16、32、48、64、256 px 五帧的 ICO 文件，八个 PNG 按钮则分别生成 16、32、48、64、180、192、256、512 px 的文件。180 px 的 PNG 保存为 apple-touch-icon.png，其余为 favicon-16.png、favicon-32.png 等。

原图会先不加裁剪地放进 512 x 512 的正方形里。宽幅徽标会缩小到宽度刚好放下，上下的空白带保持透明，因此边缘不会被切掉。这很方便，但留有少许边距的正方形原图，在标签页里看起来比横幅形状的原图更大。

输入可以是 PNG、JPG、WebP、GIF、SVG、AVIF 或 BMP，一次一张，拖入第二张会替换第一张。动画 GIF 只取一帧静态画面，SVG 会按 512 px 栅格化，所以矢量徽标也能保持清晰。

常见的网站配置是：根目录放 favicon.ico，供默认请求它的浏览器使用；180 px 的 apple-touch-icon.png 用于 iOS 主屏幕；192 和 512 px 的 PNG 写进 Web 应用清单。每个尺寸的预览方块都显示在屏幕上，所以下载之前就能看到标志在 16 px 时是否还能辨认。

输入与输出示例

选择在16 × 16像素下仍可辨认的简单标志。生成器把完整原图等比放入正方形，非正方形原图周围会留有透明空间。PNG是独立图片，ICO在一个文件中包含多个尺寸。

输入

PNG / JPG / WebP / GIF / SVG / AVIF / BMP

输出

ICO: 16, 32, 48, 64, 256 px
PNG: 16, 32, 48, 64, 180, 192, 256, 512 px

下载后需把文件发布到网站，并在HTML中引用图标。生成操作不会自动安装到网站。发布前检查小尺寸预览，细小文字可能无法辨认。

Favicon生成器 — PNG图标和多尺寸ICO使用方法

选择或拖入一张图片，最好是 512 px 以上的正方形 PNG 或 SVG。
浏览 16 到 512 px 的预览方块，确认 16 px 那个仍能看清。
点击“下载 favicon.ico”获取多尺寸 ICO。
同时下载 180 px 和 192 px 的 PNG，再把它们加入页面 head 和清单文件。

快速说明

网站实际需要哪些文件？

站点根目录的 favicon.ico、供 iOS 使用的 180 px apple-touch-icon.png，以及发布 Web 应用清单时需要的 192 和 512 px PNG。其他尺寸都是可选的。

为什么我的宽幅徽标在标签页里很小？

整张图片会被放进正方形里，所以宽幅徽标只占一条窄带。为标志做一个正方形版本效果最好。

动画 GIF 会怎样？

只使用其中一帧静态画面。这里生成的图标文件都是静态图像。

下载的文件叫什么名字？

ICO 为 favicon.ico，180 px 的 PNG 为 apple-touch-icon.png，其余为 favicon-16.png、favicon-32.png 等。