这个工具是什么
Favicon 是网站在浏览器标签、书签等位置显示的小图标。此工具提供常用尺寸组合,适合希望快速准备一套网站图标的用户。
如何使用
- 选择或拖入 PNG、JPG/JPEG 或静态 WebP 图片。
- 选择完整放入或中心裁剪,调整背景及 0%~30% 的每边留白。
- 生成图标,检查 16×16、32×32 实际尺寸及模拟浏览器标签预览。
- 逐个下载图标或下载 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。请先确认文件和引用路径正确,再尝试刷新页面、清理相应缓存或重新打开标签页。