ICO / Favicon / App Icon 工具

Favicon 生成器

用一张图片快速准备网站常用 Favicon,预览小尺寸效果并一次下载完整文件包。

图片、Emoji 和生成的图标只在您的浏览器中处理,不会上传到服务器。

这个工具是什么

Favicon 是网站在浏览器标签、书签等位置显示的小图标。此工具提供常用尺寸组合,适合希望快速准备一套网站图标的用户。

如何使用

  1. 选择或拖入 PNG、JPG/JPEG 或静态 WebP 图片。
  2. 选择完整放入或中心裁剪,调整背景及 0%~30% 的每边留白。
  3. 生成图标,检查 16×16、32×32 实际尺寸及模拟浏览器标签预览。
  4. 逐个下载图标或下载 ZIP,再复制与生成文件对应的 HTML 引用。

支持尺寸

  • favicon.ico 包含 16×16、32×32 和 48×48 三张图像。
  • 同时生成 favicon-16x16.png、favicon-32x32.png 和 favicon-48x48.png。

图标生成说明

  • 完整放入(Fit)会按比例保留整张图片,空白区域使用所选背景;中心裁剪(Crop)会截取中间的正方形区域。两种方式均不会拉伸原图。
  • 留白比例按目标尺寸的每一边计算:10% 留白会让图像内容占用中间约 80% 的宽度与高度。
  • 16×16 等小尺寸适合轮廓简单、对比清晰的图案。复杂照片或细小文字缩小后可能难以辨认,请查看实际尺寸预览。

支持 PNG、JPG/JPEG 和静态 WebP 图片。单个文件最多 100 MiB,图片最多 4000 万像素,单边不超过 16384 像素。大图片可能需要更多处理时间与内存。

网站图标使用方法

  • 将下载的图标放到网站对应位置,再把生成的 HTML 引用加入网页的 head 部分。引用以网站根目录为例,文件放在其他目录时需要相应调整路径。
  • HTML 引用仅列出实际生成的文件,可直接复制为文字。需要 Apple 主屏幕图标或 Android/PWA 尺寸时,可使用下方相关工具。
  • 模拟标签预览帮助比较图案在小空间内的清晰度;不同浏览器的实际外观可能有所不同。

隐私

图片、Emoji 和生成的图标只在您的浏览器中处理,不会上传到服务器。

工具不会自动保存输入或结果。请在清空或离开页面前下载需要保留的图标,并保留原始素材。

FAQ

favicon.ico 是什么?

它是网站常用的图标文件,可在一个文件中包含多个尺寸,供浏览器在标签和书签等位置选用。

Favicon 推荐准备哪些尺寸?

本工具提供常见的 16×16、32×32 和 48×48。需要更大尺寸或其他组合时,可使用多尺寸 Favicon 工具。

PNG Favicon 和 ICO 有什么区别?

每个 PNG 文件对应一个像素尺寸,ICO 则可以同时保存多个尺寸。下载包同时提供两种格式,便于按网站需要引用。

Favicon 文件应该放在哪里?

生成的引用默认使用网站根目录路径,例如 /favicon.ico。也可以放在其他目录,但引用路径必须与实际文件位置一致。

浏览器为什么没有立即显示新的图标?

浏览器可能缓存旧 Favicon。请先确认文件和引用路径正确,再尝试刷新页面、清理相应缓存或重新打开标签页。

返回开发者工具分类首页