摘要 (TL;DR)
- 通用输入：将 PNG, JPG, WebP 或 SVG 转换为有效的 Favicon 组合。
- 智能调整：选择“覆盖 (Cover)”（裁剪填充）或“包含 (Contain)”（留白）以完美适配方形图标。
- 生产标准：不仅生成一个文件，而是生成现代 Web 兼容所需的
favicon.ico+ PNG 组合。
为什么要用专用转换器？
您不能简单地将 logo.png 重命名为 favicon.ico。ICO 格式是一种特殊的容器，包含多个不同尺寸的光栅图像。浏览器需要它来选择当前上下文（标签列表、书签栏）中最清晰的版本。
此工具处理技术复杂性：
- 重采样：高质量下采样滤波器 (Lanczos3)，防止 16x16 图标变得模糊。
- 容器构建：将 16x16, 32x32 和 48x48 版本编译为单个二进制
.ico文件。 - 现代回退：为 Android, PWA 和高 DPI 屏幕生成标准 PNG (192x192, 512x512)。
智能裁剪：覆盖 vs 包含
大多数 Logo 是长方形的，但 Favicon 必须是正方形。
1. 覆盖 (Cover / Crop to Fill)
- 行为：放大图像直到填满正方形。边缘会被切掉。
- 适用：符号、字母组合或大致为方形的图标。
2. 包含 (Contain / Fit Center)
- 行为：缩小图像以完全放入正方形内，添加透明填充。
- 适用：宽字标或高 Logo，不能被裁剪。
专家提示：如果您的 Logo 是宽字标，不要试图将其塞入 16x16 的正方形中。它将无法阅读。请为您的品牌创建一个简化的“首字母”或“符号”变体。
理解 ICO 格式
.ico 文件是独特的。与 PNG 不同，它是一个图像目录。
- 16x16：桌面上的标准标签图标。
- 32x32：用于高 DPI (Retina) 屏幕和任务栏快捷方式。
- 48x48：Windows 用于桌面图标。
最佳实践
- 从大图开始：上传至少 512x512 像素的图像。
- 检查对比度：确保您的 Logo 在浅色和深色背景上都可见。
- 透明度是关键：使用透明 PNG 或 SVG 作为输入。白色背景在现代深色模式浏览器标签上看起来很过时。
常见问题 (FAQ)
为什么我的 Favicon 看起来模糊？
在 16x16 像素下，您只有 256 个点。复杂的细节会消失。解决方案是使用更简单的设计。
我可以只用 PNG 吗？
大多数现代浏览器支持 PNG，但严格的旧版支持仍然寻找 favicon.ico。提供两者是最安全的。