免费 Favicon 生成器

从图片生成 Favicon 与完整安装文件

添加一张品牌标志图片,查看真实尺寸预览,然后一次下载 favicon.ico、PNG 图标、Apple touch icon、maskable icon、web manifest 和 HTML 代码。

浏览器本地处理无需注册ICO + PNG + Manifest

在浏览器中处理

将品牌标志拖到这里,或选择图片

背景
真实尺寸预览

在浏览器中处理

3 steps

如何为网站制作 Favicon

  1. 1

    选择正方形 PNG、JPG、WebP 或 SVG,并为品牌标志保留适当留白

  2. 2

    调整边距和背景颜色,检查 16、32、48 和 180 px 预览

  3. 3

    生成文件、下载 ZIP,并将提供的 HTML 标签放进网站 <head>

每种 Favicon 文件的用途

favicon.ico 用于浏览器及旧系统;16 和 32 px PNG 用于浏览器标签页;Apple touch icon 用于 iPhone 和 iPad 主屏幕;maskable icon 可减少 PWA 图标被设备裁切的问题。

FAQ

Favicon 常见问题

Favicon 应该使用多大尺寸?+

工具会生成 16、32、48、180、192 和 512 px 等常用尺寸。

可以从 PNG 生成 favicon.ico 吗?+

可以。工具会把 16、32 和 48 px PNG 打包进同一个 favicon.ico。

图片会上传到服务器吗?+

不会。图片只在浏览器中读取、绘制并打包成 ZIP。

Favicon 文件应放在哪里?+

通常放在网站根目录或 public 目录,再把 favicon-snippet.html 中的标签加入 head。