Favicon 图标生成器
将 Logo、SVG、字母或表情符号变成适用于浏览器、Google、iPhone 和 Android 的整套 favicon，支持实时预览并提供现成的安装代码。
使用方法: Favicon 图标生成器
- 1
选择来源
上传 PNG、JPG、WebP 或 SVG 格式的 Logo 并裁剪为正方形，或输入一个字母或表情符号，然后选择字体和颜色。
- 2
逐个平台调整
为浏览器、iOS 和 Android 分别设置背景、圆角和边距，将 Android 图标设为 maskable，并实时预览标签页、搜索结果和主屏幕效果。
- 3
下载并安装
在一个 ZIP 中获取 favicon.ico、favicon.svg、PNG 图标和 site.webmanifest，然后按照 HTML、Next.js、Vite 或 WordPress 的说明进行安装。
现代 favicon 套件包含哪些文件
Favicon 是显示在浏览器标签页、书签和 Google 搜索结果中的小图标，在手机上它还会成为网站的主屏幕图标。每个平台都需要自己的文件，因此现代 favicon 不是一张图片，而是一小套图片加一个 Web 应用清单。
上传 PNG、JPG、WebP 或 SVG 格式的 Logo 并裁剪为正方形，或用字母、表情符号制作图标。然后分别调整每个平台：为桌面浏览器和 Google 设置背景和圆角，为 iPhone 主屏幕设置纯色背景和边距，并为 Android 制作 maskable 图标，让 Logo 保持在安全区内。实时预览会展示浅色和深色模式下的浏览器标签页、书签栏、Google 搜索结果，以及带圆形、超椭圆和圆角方形遮罩的 iOS 和 Android 主屏幕。
ZIP 遵循当前的最佳实践：包含 16、32 和 48 px 的 favicon.ico，源文件为 SVG 时附带 favicon.svg（可选择适配深色模式），favicon-96x96.png，180×180 的 apple-touch-icon.png，192 和 512 px 的清单图标以及 site.webmanifest。复制 HTML 代码，或按照 Next.js、React/Vite 或 WordPress 的步骤操作，然后用我们的网站图标检测工具测试效果。所有内容都在你的浏览器中生成。
所有处理都在您的浏览器本地完成，您的图片绝不会上传到服务器。