Favicon 图标生成器
把任意图片变成一套完整的网站图标——裁剪、缩放并导出全部 6 种标准尺寸,附打包好的 ZIP、site.webmanifest 和可直接粘贴的 HTML 代码,全程在浏览器内完成
生成的文件清单
| 用途 | 输出尺寸 |
|---|---|
| 浏览器 favicon | favicon.ico(16+32+48 打包)、favicon-16.png、favicon-32.png |
| Apple 触屏图标 | 180×180 PNG(自动应用不透明背景) |
| Android / PWA | 192×192 和 512×512(另含 maskable 留白变体) |
| Windows 磁贴 | 144×144 msapplication |
边缘锐利的 Logo 可选用最近邻插值缩小;照片类默认平滑重采样。全部渲染都在浏览器端通过 canvas 完成——原始素材不会上传。
一张图标,满足各平台要求的全部尺寸
只需上传一次,从 16 px favicon 到 512 px PWA 图块一次拿全,下载前还能逐平台预览。
专业级裁剪
可视化裁剪框配合实时尺寸滑块,准确定位图片的最佳区域——拖动调整位置、缩小拉近,所有预览即时更新。
六种尺寸,一键搞定
16、32、48、180、192 和 512 像素——浏览器、iOS 和 Android 需要的完整尺寸集。可逐个下载,也可打包成一个可直接部署的 ZIP。
零上传
图片永远不会离开你的浏览器。私密设计稿或客户项目都能放心处理,裁剪、导出、打包全程本地完成。
常见问题
我到底需要哪些尺寸?⌄
16 和 32 像素这一对覆盖经典浏览器标签页,180 像素是 iOS 主屏唯一会读取的尺寸,192 和 512 像素则是 Android 和 Chrome 清单要求的。生成全部六种就覆盖了所有现代平台——这也是目前多数网站标配的尺寸集,ZIP 打包让它们始终在一起,非常省心。
我的图片会上传到服务器吗?⌄
不会。图片的读取、裁剪和导出完全在你的浏览器内完成,不会发送到任何地方。即使是私密设计稿或客户项目,也可以放心生成图标,文件不会离开你的设备。
为什么我的 ZIP 没有压缩?⌄
PNG 本身就是压缩格式,在 ZIP 里再压缩一遍只会白白耗费时间和电量,体积不会有任何减小。生成的 ZIP 按原样存储每张 PNG——里面的每个文件都与单独下载的完全一致,任何解压工具都能正常读取。
为什么我的图标在 16 px 下显得模糊?⌄
细节复杂的 Logo 被压缩到 16×16 时必然丢形。小尺寸请专门绘制简化图形(一个符号、两种颜色)——预览会如实呈现最终保留下来的效果。
相关工具
什么是 Favicon 生成器?
Favicon 是显示在浏览器标签页、书签和应用启动器里的小图标。Favicon 生成器把你的 Logo 或任意图片转换成现代平台需要的全套尺寸——从 16 像素的标签页小图标,到 Android 安装应用时使用的 512 像素大图标。不必再同时摆弄图片编辑器和一堆文件转换工具:上传一张图片、选好裁剪区域,全部六种尺寸立刻导出——可以逐个下载,也可以打包成 ZIP,还会生成 site.webmanifest 和把一切接进页面 head 的 HTML 代码。
你会得到什么
- 🖼️ 经典浏览器标签页和书签用的 16、32、48 像素图标
- 🍎 iOS 主屏使用的 180 像素 apple-touch-icon
- 🤖 Android 和 Chrome Web 清单用的 192、512 像素图标
- 📦 一个包含全部文件的 ZIP,直接丢进站点根目录即可
- 📄 列出全部六种图标的 site.webmanifest
- 🔗 可直接粘贴进页面 head 的 link 代码块,含 theme-color
什么时候用
- 新网站或博客上线,第一次搭建站点形象时
- 替换老站点上过时、模糊或缺失的图标时
- 需要给客户或主题打包一套 favicon 时
隐私:你的图片永远不会离开浏览器。裁剪、缩放、ZIP 打包和全部导出都在你的设备本地完成。