Favicon 图标生成器
本地上传一张图片，浏览器端用 Canvas 自动裁切生成 16x16/32x32/48x48/180x180/192x192/512x512 六种常见网站图标尺寸，支持单张下载或打包成 zip 下载。
免费在线工具
Loading…
使用说明
1. 点击「选择图片」上传一张图片，建议使用正方形或接近正方形、分辨率较高的图片以获得最佳效果。
2. 图片选中后会自动通过浏览器本地 FileReader 读取，并用 Canvas 居中裁切出最大正方形区域，再分别缩放生成 16x16、32x32、48x48、180x180（apple-touch-icon）、192x192（PWA）、512x512（PWA）六种尺寸的 PNG 预览图。
3. 每张预览图下方都有「下载 PNG」按钮，可单独下载对应尺寸。
4. 点击「打包下载全部 (zip)」可以把六个尺寸一次性打包成一个 favicons.zip 文件下载。
5. 没有现成图片时，可点击「加载示例数据」，工具会用 Canvas 现场绘制一张示例图并自动生成预览，方便快速体验效果。
功能介绍
本工具是纯浏览器端运行的 favicon 生成器，核心特点如下：
- 本地处理，不上传服务器：图片通过 FileReader 读取为 Data URL，全部裁切缩放计算都在浏览器 Canvas 中完成，不经过任何网络请求，也不使用外部图片 URL（避免 Canvas 跨域污染问题导致无法导出）。
- 自动居中裁切：对非正方形图片会自动计算并裁切出图片中央的最大正方形区域，避免直接拉伸导致图标变形。
- 覆盖主流尺寸：一次性生成浏览器标签页图标（16x16、32x32、48x48）、iOS 主屏图标（180x180 apple-touch-icon）、Android/PWA 图标（192x192、512x512）共六种常见尺寸。
- 单张下载或打包下载：既可以单独下载某一个尺寸的 PNG，也可以一键打包成 zip（工具内置零依赖的 ZIP 打包实现，无需引入第三方压缩库）。
使用场景
个人博客/官网上线前准备图标
为新建的网站快速生成一整套符合规范的 favicon 尺寸，无需安装 Photoshop 等设计软件。
H5 页面添加到主屏图标
生成 180x180 的 apple-touch-icon，用于用户将网页添加到 iPhone/iPad 主屏幕时显示的图标。
PWA 应用图标准备
一次性生成 192x192 和 512x512 两种 PWA manifest 常用图标尺寸，直接用于 manifest.json 配置。
批量替换网站图标
更换品牌 Logo 后，重新上传新 Logo 一键生成全部尺寸并打包下载，替换网站现有的图标文件集合。
常见问题
上传的图片会保存到服务器吗？
不会。图片全程通过浏览器本地 FileReader 和 Canvas 处理，不会上传到任何服务器，刷新页面后本地生成的图标也会随之清空。
为什么要用本地上传而不是填写图片 URL？
如果通过外部 URL 加载图片再用 Canvas 处理，浏览器会因为跨域限制污染 Canvas，导致无法导出图片数据。本地上传的图片来自用户设备，不存在这个限制，因此工具只支持本地文件上传。
非正方形图片会被拉伸变形吗？
不会。工具会先计算并裁切出原图中央的最大正方形区域，再缩放到各个目标尺寸，避免因为宽高比不一致导致图标被拉伸变形。
生成了哪些具体尺寸？
共六种：16x16、32x32、48x48（浏览器标签页/书签常用）、180x180（iOS apple-touch-icon）、192x192 和 512x512（Android/PWA manifest 常用）。
可以一次性下载所有尺寸吗？
可以，点击「打包下载全部 (zip)」按钮即可把六个 PNG 文件打包成一个 favicons.zip 一次性下载。