ICO 图标生成
点击上传图片
建议使用正方形图片以获得最佳效果
输出尺寸
Windows 常用尺寸
上传图片以显示预览
上传图片生成多尺寸 favicon.ico，可选 8 到 256px 图标尺寸，并下载 ICO 与 PNG 图标包，适合网站、桌面快捷方式和应用图标。
相关推荐
什么是 ICO 图标？
ICO 是一种图标容器格式，可以把多个不同尺寸的位图放在同一个 .ico 文件里。浏览器、Windows 和部分桌面环境会根据显示位置自动选择最合适的尺寸。
favicon.ico 通常放在网站根目录，用来显示浏览器标签页、书签栏和搜索结果中的网站图标。现代网站也会配合 PNG、Apple Touch Icon 和 Web App Manifest 使用。
这个页面专注把已有图片转换为多尺寸 ICO，而不是从零绘制图标。它适合你已经有 Logo 或图标源图，只需要快速生成可部署 favicon 的场景。
适用场景
- 把网站 Logo 转成 favicon.ico，显示在浏览器标签页和书签栏。
- 为 Windows 桌面快捷方式、文件夹或软件生成多尺寸 ICO 图标。
- 给 PWA 或移动 Web 项目准备 128px、180px、256px PNG 图标素材。
- 把设计稿中的 PNG/WebP 图标快速转换为前端可部署的 favicon 文件。
- 在发布网站前检查 16px、32px 等小尺寸图标是否足够清晰。
使用方法
- 上传正方形 PNG、JPG、WEBP 或 BMP 图片，建议源图不小于 256px。
- 勾选需要输出的图标尺寸，常规网站建议至少选择 16、32、48、256px。
- 在右侧预览不同尺寸，确认小图标仍然清晰可辨。
- 点击生成并下载，单尺寸会得到 .ico，多尺寸会得到包含 .ico 和 PNG 的 zip。
功能特点
- 多尺寸 ICO 打包：可选择 8、16、24、32、40、48、64、72、96、128、180、256px，兼顾标签页、桌面和应用场景。
- 图片转 favicon.ico：上传 PNG、JPG、WEBP、BMP 等浏览器可读取的图片，即可生成标准 ICO 文件。
- 同时导出 PNG 图标包：选择多个尺寸时，会下载包含 .ico 与各尺寸 PNG 的 zip，便于网站和应用同时使用。
- 浏览器本地处理：图片通过 Canvas 缩放并在本地打包，Logo 和品牌素材不会上传到服务器。
- 预览每个尺寸：生成前可查看小尺寸图标效果，避免复杂 Logo 在 16px 下看不清。
常见问题
怎么把 PNG 或 JPG 转成 ICO？
上传图片后勾选需要的尺寸，点击生成即可下载 ICO。选择多个尺寸时，ICO 文件会包含多张 PNG 图标，浏览器或系统会按显示场景自动选择合适尺寸。
网站 favicon 推荐选择哪些尺寸？
常见组合是 16、32、48、64 和 256px。16px 适合传统标签页，32px 适合高清标签页和书签，48px 适合 Windows，256px 适合高分辨率显示。
这个工具支持 512px 图标吗？
当前页面支持 8 到 256px 的 ICO 生成。若需要 512px PWA 或应用商店图标，可先用图片调整大小工具导出 512px PNG，再单独用于 manifest 或应用提交。
会保留透明背景吗？
会。只要源图本身是带透明通道的 PNG 或 WEBP，缩放后的 PNG 数据会保留透明像素，生成的 ICO 也能保持透明背景。
生成的 ICO 会上传到服务器吗？
不会。读取图片、缩放尺寸、生成 ICO 和打包 zip 都在浏览器本地完成，适合处理公司 Logo、产品图标和未公开品牌素材。
为什么小尺寸 favicon 看起来不清楚？
favicon 很小，复杂文字和细节在 16px 下容易糊成一团。建议上传正方形、边缘清楚、留白适中的图标，并在预览中检查 16px 和 32px 效果。
术语表
- favicon
- 网站图标，通常显示在浏览器标签页、书签、历史记录和搜索结果旁边。
- ICO
- Windows 图标容器格式，可在一个文件中包含多个尺寸和色深的图像。
- 多尺寸图标
- 同一个图标准备多种像素尺寸，让浏览器和系统在不同显示密度下选择更清晰的版本。
ICO 尺寸参考
| 尺寸 | 常见用途 | 建议 |
|---|---|---|
8px | 极小图标 | 仅特殊兼容场景使用 |
16px | 浏览器标签页 | favicon 必备尺寸 |
32px | 高清标签页、书签 | 现代网站常用默认尺寸 |
48px | Windows 图标 | 兼容桌面和文件管理器 |
64px / 96px | 高 DPI 屏幕 | 让大图标更清晰 |
128px / 180px | PWA、Apple Touch 近似素材 | 可作为 PNG 图标包使用 |
256px | 高清 ICO | Windows 大图标和高分辨率显示 |
上传与下载说明
| 项目 | 支持情况 | 说明 |
|---|---|---|
| 输入格式 | PNG / JPG / WEBP / BMP 等 | 取决于浏览器能否读取该图片 |
| 输出 ICO | 支持 | 单文件内可包含多个尺寸 |
| 输出 PNG | 支持 | 多尺寸生成时 zip 会包含各尺寸 PNG |
| 处理位置 | 本地浏览器 | 文件不上传服务器 |
| 源图建议 | 正方形 256px+ | 小尺寸 favicon 会更清晰 |
Authoritative References
- ReferenceMDN - favicon
- ReferenceWikipedia - ICO 文件格式
- ReferenceRealFaviconGenerator - favicon reference