本地创建 favicon

网站图标生成器

创建在 16px 下仍清晰的网站图标。可从图片、文字或 Emoji 开始,在真实场景中预览后下载可用的图标包。

🔒 图片只在此设备的浏览器中处理。

主画布
小尺寸检查
64px
48px
32px
24px
16px
Export

下载网站图标包

包含 ICO、PNG、Apple、PWA 清单和安装说明。

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Favicon 基础知识

不只是缩放 Logo,更要在真实尺寸下清晰可用。

ICO、PNG 与 SVG

ICO 兼容面最广。PNG 适用于特定尺寸;只有源文件本身是安全的矢量图时才适合使用 SVG。

如何添加网站图标

下载包包含 HTML、Next.js 与 React/Vite 的使用指引。选择一种安装方式即可。

深色模式提示

导出前请同时查看浅色与深色预览。较深的标记可能在深色浏览器界面中不易辨认。

Google 展示

Google 决定最终如何展示网站图标。请保持图标为正方形、稳定可抓取;更新可能需要时间。

FAQ

网站图标生成器常见问题

什么是网站图标?

网站图标(favicon)是显示在浏览器标签、书签和部分搜索结果中的小型方形图标。

需要哪些 favicon 尺寸?

工具包包含 ICO,以及 16、32、180、192 和 512 像素 PNG,覆盖常见浏览器和应用场景。

图片会上传吗?

不会。图片解码、绘制和导出都在浏览器中完成。

这是 AI favicon 生成器吗?

不是。工具从图片、文字或 Emoji 创建 favicon 文件,不会宣称 AI 生成 Logo。

为什么 favicon 会模糊?

小图标需要清晰且对比度高的主体。可通过真实 16px 和 32px 预览减少边距或简化细节。