Favicon 生成器

一张图生成 favicon.ico、apple-touch-icon 和 PWA 全套图标。

拖放一张图片到这里
或点击选择文件，也可以直接粘贴剪贴板图片

一套完整的网站图标涉及多个文件：经典的 favicon.ico、iOS 主屏幕用的 180×180 apple-touch-icon，以及 Android 和 PWA manifest 要求的 192、512 像素图标。手动在编辑器里逐一制作既繁琐又容易出错。

本生成器只需一张正方形图片，一键产出全套图标——包括在浏览器里直接构建的标准多尺寸 .ico 文件。还会附上声明所有图标的 HTML head 代码片段，接入网站只需几秒。

想要最佳效果，请使用至少 512×512 的正方形图片，图案简洁、对比度高。Logo 和字母标效果很好；细节丰富的照片缩到 16 像素就糊成一团了。

使用方法

  1. 上传一张正方形图片（建议 512×512 以上）。
  2. 查看每个尺寸的实时预览。
  3. 打包下载全部文件（含 favicon.ico）。
  4. 把提供的 <head> 片段粘进网站，文件放到对应目录。

为什么用这个工具？

常见问题

2026 年还需要 favicon.ico 吗？
现代浏览器可以直接使用 HTML 里声明的 PNG 图标，但 favicon.ico 仍是浏览器、阅读器和各种工具默认请求 /favicon.ico 时的兜底。放一个小的能有效减少服务器日志里的 404。
图片不是正方形怎么办？
会居中放到正方形画布上。可以选择一个背景色填充空边，或保留透明（使用支持透明的格式）。
文件应该放在网站的哪里？
放到站点根目录（或 head 片段声明的目录），配合提供的 HTML 标签。浏览器会自动为标签页、书签和主屏幕选择合适的图标。
为什么精细的 Logo 缩到 16px 就模糊？
16 像素总共只有 256 个左右的点，细节物理上不可能保留。请为 favicon 设计简化版标志：粗线条、简单形状、高对比度。