ICO、PNG 与 SVG
ICO 兼容面最广。PNG 适用于特定尺寸;只有源文件本身是安全的矢量图时才适合使用 SVG。
创建在 16px 下仍清晰的网站图标。可从图片、文字或 Emoji 开始,在真实场景中预览后下载可用的图标包。
图片始终留在你的浏览器中。🔒 图片只在此设备的浏览器中处理。
包含 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 基础知识
ICO 兼容面最广。PNG 适用于特定尺寸;只有源文件本身是安全的矢量图时才适合使用 SVG。
下载包包含 HTML、Next.js 与 React/Vite 的使用指引。选择一种安装方式即可。
导出前请同时查看浅色与深色预览。较深的标记可能在深色浏览器界面中不易辨认。
Google 决定最终如何展示网站图标。请保持图标为正方形、稳定可抓取;更新可能需要时间。
常见问题