如何创建网站图标 (favicon).

打开 Favicon / ICO 生成器并选择“图像”。上传 PNG、JPG、JPEG、WebP 或 GIF，或选择“尝试示例”。本示例使用 favicon-orbit.png，这是一个 512 × 512 像素的紫色轨道标记，带有透明边角。输入大小为 202,491 字节。

对于没有现成徽标的品牌，请在工具页面选择“文本”。输入一到两个字母并选择“继续”。编辑器提供现代无衬线字体、经典衬线字体和等宽字体，以及独立的文本和背景颜色。最多接受三个字符，但字符过多在小尺寸下可能难以辨认。

保留原始艺术作品。生成器会创建新的图标文件，不会覆盖源文件。GIF 输入将变为静态图标，而非动画网站图标。

对于字母组合，字体菜单包含三种内置样式。在支持的桌面浏览器上选择“使用系统字体”并允许访问，以添加设备上安装的字体。使用前后箭头比较相邻字体，或选择一个系列并检查实时预览，特别是在 16 像素下。字体保留在您的设备上；内置样式无需权限即可使用。

编辑器显示浅色和深色浏览器标签页以及常见图标尺寸的预览。首先检查 16 像素的示例；这是测试标记是否依然可辨认的最严格标准。Apple Touch 预览代表 180 像素的导出效果，在工作区中显示较小。

在手机上，打开“设置”。将“创建自”设置为“已上传图像”，将“图像适配”设置为“显示完整图像”。对于此示例，将“内容周围间距”设置为 0 并启用“透明背景”。源图像已经包含其圆形的紫色形状和清晰的边距，因此不需要额外的彩色背景。

使用不同的源图像时，“显示完整图像”会保留其边缘，而“填充图标”可能会裁剪它们。圆角正方形、正方形和圆形定义了外部形状。“透明背景”保留透明区域，但无法移除照片中已有的不透明背景。每次更改构图后，请查看最小的预览。

在“下载”下，本示例选择“网站图标包 (ZIP)”。“网站名称”保持为“My website”即可，或者将其替换为您自己项目的真实品牌名称。此名称用于 site.webmanifest 文件中；它不会作为文本添加到图像上。

选择“开始”。浏览器会生成一个包含七帧 favicon.ico 的图像，正方形尺寸分别为 16、24、32、48、64、128 和 256 像素。它还会创建 PNG 图标，尺寸分别为 16、32、48、180、192 和 512 像素，以及一个清单文件和安装说明。最终结果是一个 ZIP 文件，而不是为每个图标提供单独的下载按钮。

如果您只需要经典的 favicon.ico，请选择“多尺寸 ICO”。当网站平台仅接受 ICO 上传且不需要单独的包时，这非常有用。

下载将保存为 website-icons.zip。实际的示例文件包含九个文件，大小为 304,351 字节。上方的对比图显示了 512 像素的源图像，旁边是从导出的 ICO 中提取的真实 256 像素帧，而非模拟的浏览器截图。

解压 ZIP 文件，将图标文件上传到您的网站根目录，并阅读 INSTALL.txt。它包含用于 ICO、PNG 图标、Apple Touch 图标和 Web 清单的 HTML 链接标签。如果您将文件放在子文件夹中，请更新 HTML 路径以及 site.webmanifest 内部的图标路径。

在新的浏览器标签页以及您关注的设备上检查您的网站。浏览器可能会缓存网站图标，因此旧图标并不立即证明安装失败。在刷新编辑器之前，请保留源图像和下载的包，因为刷新会返回到主工具页面。