Favicon Generator
Generate favicons in multiple sizes from any image. Download as individual PNGs. All processing happens in your browser.
Drop files here or click to upload
.jpg, .jpeg, .png, .webp, .gif, .bmp · Max 1 file
Or paste files with Ctrl+V
Your files never leave your browser
工具说明
Favicon 生成器把一张源图变成现代浏览器和操作系统所需的全套 favicon 尺寸(16、32、48、64、128、180、192、512 px),加上兼容老浏览器的 .ico 容器。
使用步骤
- 拖入一张正方形图片(PNG 最佳,建议 512×512 或更大)。
- 点"生成 Favicons"。
- 检查 bundle 预览。
- 下载包含所有尺寸的 ZIP 以及可粘贴到 <head> 的 HTML 片段。
为什么用 AinnoBox 做这件事
- 一张源图产出整套——八个 PNG 尺寸加一个兼容用 .ico——不用你逐个尺寸手工导出,还得猜哪些是真需要的。
- bundle 里就是各平台真正会要的尺寸:iOS 主屏幕要 180 px,Android web app manifest 要 192 和 512 px,浏览器标签页要 16 和 32 px。
- ZIP 里附带现成的 HTML 片段,省掉了照例要去查一遍 link 和 meta 标签怎么写的功夫。
- 未发布的 logo 属于机密素材;在本地生成图标意味着品牌标识不会落在第三方 favicon 服务上。
- 免费、不限次数、无需注册,bundle 里任何一个图标都不带水印。
关于Image Favicon的常见问题
- 什么样的源图效果最好?
- 至少 512×512 的正方形 PNG,图形要简洁、对比强烈。细小的细节和小字在 16×16 下会完全消失,所以真正好认的 favicon 通常就是一个字母、一个形状或一个剪影。
- 现在还需要 favicon.ico 吗?
- 包含它是因为部分老浏览器和工具默认会去站点根目录找 /favicon.ico。现代浏览器更偏好用 link 标签声明的 PNG 尺寸,但两者都带上并不会有额外成本。
- 这些文件该放在哪里?
- 放在站点根目录,并把附带的片段粘进页面 head。如果你的框架有 public 或 static 目录,那里通常就是正确的位置。