网站图标生成器

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

图片始终留在你的浏览器中。

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

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

下载网站图标包

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

在 HTML 文档头部使用这些标签。

<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 决定最终如何展示网站图标。请保持图标为正方形、稳定可抓取;更新可能需要时间。

常见问题

网站图标生成器常见问题