Favicon 生成器 — 从图片生成完整的网站图标包
把任意 Logo 一键转换成完整的 favicon 图标包——favicon.ico、所有 PNG 尺寸、Apple touch 图标和 webmanifest。
将 logo 拖放到这里，或点击选择
PNG、JPG 或 WebP——正方形、512×512 或更大效果最佳。所有内容都在你的浏览器中生成；你的 logo 绝不会离开你的设备。
发现问题，或者觉得哪里可以更好？每条消息我们都会阅读，并尽快修复。
只需上传一次 Logo，就能下载一个包含 27 个文件的完整 favicon 图标包（单个 ZIP）：真正的 favicon.ico（内嵌 16/32/48）、favicon PNG、全部九种 Apple touch 图标尺寸（57–180px）、六种 Android 图标（36–192px）及 manifest.json、微软磁贴图标（70–310px）及 browserconfig.xml——另附可直接粘贴到网站 head 中的 HTML 标签。
和本站所有工具一样，整个过程都在你的浏览器中完成：Logo 的缩放、ICO 格式打包和 ZIP 压缩都在本地进行。不上传任何内容，所以无需排队，没有水印，也不存在隐私问题。
使用方法
- 拖入你的 Logo——512×512 或更大的正方形 PNG 效果最清晰（非正方形图片会居中裁剪）。
- 查看像素预览：这就是你的图标在浏览器标签页中以 16px 和 32px 显示的真实效果。如果看起来糊成一团，请简化 Logo 后再试。
- 下载 ZIP 格式的完整图标包，或单独下载某个文件。
- 解压到网站根目录，并把提供的 HTML 标签粘贴到 <head> 中。
常见问题
2026 年网站需要哪些尺寸的 favicon？
最低限度是 favicon.ico 加上 16/32px PNG 和一个 180×180 的 Apple touch 图标。如果要完整兼容所有浏览器、各代 iOS、Android 启动器和 Windows 磁贴，经典的完整套装涵盖 16px 到 310px，共 27 个文件——这正是本生成器打包的内容，另附引用这些文件的 manifest.json 和 browserconfig.xml。
favicon.ico 是真正的 ICO 文件吗？
是的——它是一个真正的 ICO 容器，包含三个 PNG 编码的条目（16、32 和 48 像素），所有现代浏览器和 Windows 版本都支持这种格式。它不是改了扩展名的 PNG。
我的 Logo 会被上传到服务器吗？
不会。缩放、ICO 打包和 ZIP 生成都在你的浏览器中通过 canvas API 完成。你的 Logo 从不离开你的设备——当它是尚未发布的品牌或客户作品时，这一点尤为重要。
为什么我的 favicon 在 16px 下看起来很模糊？
16 像素非常小——细节丰富的 Logo 在这个尺寸下会糊成一团。如果预览看起来模糊，请使用简化的标志：单独的图形符号、一个字母或一个醒目的形状。大品牌正是因为这个原因，才会为 favicon 准备简化版的 Logo。
favicon 文件应该放在网站的什么位置？
放在网站根目录（这样就能通过 /favicon.ico、/apple-touch-icon.png 等路径访问），然后把提供的 link 标签添加到 <head> 中。在大多数平台上，这意味着 public 或 static 文件夹；在 WordPress 上，可以使用“外观 → 自定义 → 站点身份”，或通过主题放置文件。
图标包里有什么
• favicon.ico + favicon-16/32/96 PNG — 用于浏览器标签页和书签；即使没有 HTML 标签，浏览器也会自动请求 /favicon.ico。
• apple-icon-57x57 到 180x180（9 种尺寸）— 各代 iPhone 和 iPad 的主屏幕图标，另有用于旧版 iOS 的 apple-icon-precomposed.png。
• android-icon-36x36 到 192x192（6 种密度）— Android 启动器图标，由 manifest.json 按密度引用。
• ms-icon-70/144/150/310 + browserconfig.xml — Windows 开始菜单磁贴及其映射配置文件。
• manifest.json — 告诉 Android/PWA 安装程序你的网站名称、颜色和图标。下载后请打开它并填写名称字段。
把所有文件解压到网站根目录，使 HTML 代码片段中的路径能够正确解析，再把代码片段粘贴到 <head> 中，就大功告成了。
设计让人一眼认出的 favicon
定稿前先在 16px 下测试——上面的预览会告诉你真实效果。优先使用单个醒目的形状或字母，而不是带文字的完整 Logo；文字标志在 48px 以下就无法辨认了。无论浏览器是浅色还是深色主题，都要保持足够的对比度（对于细线条图标，加一个淡淡的圆形或圆角方形背景会有帮助）。另外，favicon 最好多年保持不变——回访用户正是靠它在二十个标签页中找到你的网站。