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 容器。

使用步骤

  1. 拖入一张正方形图片(PNG 最佳,建议 512×512 或更大)。
  2. 点"生成 Favicons"。
  3. 检查 bundle 预览。
  4. 下载包含所有尺寸的 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 目录,那里通常就是正确的位置。

想了解为什么 AinnoBox 选择浏览器端处理而非传统服务器上传?阅读 工作原理, 或查看 常见问题。