Favicon 生成器 — 本地 PNG 图标尺寸

在浏览器中从一张图片生成 16、32、48、180、192、512px PNG favicon 文件,无需上传。

Favicon 生成器

从一张本地图片生成常用 PNG favicon 尺寸。

本地处理:源图片在你的浏览器中渲染,不会上传。

Favicon 是浏览器标签和主屏幕中的小型品牌标识

好的 favicon 在很小的尺寸下也要能被识别。本工具会把上传的图片绘制到 canvas,并分别导出 16、32、48、180、192、512px PNG 文件,你可以只下载需要的尺寸。

生成规则

六种尺寸

覆盖浏览器标签、默认图标、Apple touch icon 和 PWA 图标常用的 PNG 尺寸。

正方形渲染

源图片会绘制到每个正方形 canvas 中。带留白的正方形标志通常效果最好。

本地处理

使用 createImageBitmap 和 canvas,只在浏览器中生成文件。

使用方法

  1. 选择要作为 favicon 的图片或标志文件。
  2. 查看生成的 16、32、48、180、192、512px 预览。
  3. 分别下载需要的 PNG 尺寸。

常见问题

会生成 ICO 文件吗?

不会。这个无新增依赖的移植版本只生成要求的 PNG 尺寸。ICO 打包需要单独工具。

图片会上传吗?

不会。选中的图片只会在浏览器 canvas 中渲染。

什么原图最适合?

形状简单、对比度高、带留白的正方形标志在小尺寸下更清晰。

favicon 的关键是小尺寸可读性。生成后请在真实浏览器标签和移动主屏幕中检查。