Favicon生成器

Favicon 生成器把你上传的一张图片裁成正方形,并一次性生成 7 种尺寸的 PNG 图标:16、32、48、64、180、192 和 512 像素。你可以逐个下载,也可以点一次「全部下载」把它们都保存下来。它只输出 PNG,不生成传统的 .ico 文件,也不会帮你写 HTML 引用代码或 manifest.json 配置文件。

操作步骤

1. 点击虚线上传区,或者把图片拖拽到上传区里。接受浏览器能识别的图片文件(页面使用 image/* 过滤);选了不是图片的文件会显示红字提示。再次选择同一个文件也会重新处理。
2. 图片读取后,页面会立即在下方列出 7 个尺寸的预览,每个预览下方标注了 16×16、32×32 等尺寸。
3. 想要某一个尺寸,点击对应的预览图,浏览器会下载名为 favicon-尺寸x尺寸.png 的文件,例如 favicon-32x32.png。
4. 想要全部尺寸,点击「全部下载」。工具会依次间隔约 0.15 秒触发 7 次下载,浏览器可能会询问是否允许同时下载多个文件,请选择允许。
5. 把下载好的文件放进你的网站目录,并在页面 head 里用 link 标签指向它们。

生成规则与使用示例

工具先在图片上取一个以中心为基准的最大正方形区域,然后把这个区域缩放到每个目标尺寸,因此长方形的图片会被裁掉两侧或上下的边缘,而不是被拉伸变形。比如你上传一张横向的 Logo 照片,长边两端的部分会被裁掉,保留中间的正方形部分。一个典型的做法是:准备一张尽量大的正方形 Logo,生成后把 32×32 或 16×16 用作浏览器标签页图标,把 180×180 用作 iOS 主屏幕图标,192×192 和 512×512 用在安卓或 PWA 的配置里。这些用途是业界常见约定,具体以你的平台文档为准。这里没有涉及任何计算或评测数据。

支持范围与已知限制

• 输出尺寸固定为 16、32、48、64、180、192、512,不能自定义尺寸。
• 只输出 PNG,没有 .ico 或 SVG 输出。现代浏览器通常可以直接使用 PNG 作为网站图标,但如果你需要兼容非常老的浏览器或特定工具,可能需要额外转换成 .ico。
• 只做居中正方形裁剪,不能手动调整裁剪位置、缩放比例、圆角或背景色。如果想保留整张长方形图片,请先用别的工具把它放到正方形画布上再上传。
• 透明背景的图片会保留透明,没有白色底色。
• 如果上传的图片比目标尺寸小(比如 100 像素的图要生成 512 像素的图标),会被放大,画面会变模糊;原图短边小于 512 像素时页面会给出提示,建议使用至少 512 像素的正方形原图。
• 对 16 和 32 这类小尺寸,细节很多的图片缩小后会不清晰,建议使用简洁的图形。预览中小于 48 像素的图会用像素化方式显示,方便你观察。
• 页面一次只处理一张图片,重新上传会替换之前的结果。读取失败、无法加载或没有固有尺寸的图片(例如部分 SVG)会显示红字错误提示,不会生成结果。
• 不会生成 HTML 代码或 manifest 文件,也不会打包为 ZIP,批量下载依赖浏览器允许多文件下载。

我应该上传什么样的图片?

最好是正方形、至少 512×512 像素、主体居中且图形简洁的图片,例如 Logo 的方形版本。主体靠近边缘的图片在居中裁剪后可能被裁掉一部分。

为什么不生成 favicon.ico?

这个工具专注于生成各种尺寸的 PNG。现代浏览器普遍支持用 link 标签直接引用 PNG 图标。如果你一定需要 .ico 文件,需要另用转换工具。

下载全部时只收到了几个文件怎么办?

「全部下载」是脚本依次触发 7 次下载,有些浏览器会拦截多个自动下载。请留意地址栏附近的拦截提示并选择允许,或者改为点击单个预览图逐个下载。

各个尺寸分别用在哪里?

16、32、48 常用于浏览器标签页和桌面快捷方式;180 常用于 iOS 添加到主屏幕;192、512 常用于安卓和 PWA 的安装图标;64 可作为通用中间尺寸。这是常见的惯例,实际要求请参考你的平台文档。

隐私与处理方式

图片是用浏览器的 FileReader 和 Canvas 在本地读取和缩放的,不会上传到任何服务器,页面也不会保存你的图片。关闭或刷新页面后,结果就消失了,请在此之前下载你需要的文件。