Favicon 生成器

由方形标志图片生成 favicon.ico 和 16–512 像素的 PNG 图标，并下载可直接用于网站的 ZIP 图标包。

文件与内容均在您的浏览器中处理，不会上传至我们的服务器。

工具说明

将方形 PNG 或 SVG 标志图片转换为完整的网站图标套件。ZIP 文件包含 16×16、32×32、180×180、192×192 和 512×512 像素的 PNG 图标，以及包含多种尺寸的 favicon.ico。下载前可以在深色和浅色背景上预览效果。

功能

多种尺寸的 PNG 图标
包含常用尺寸的 favicon.ico
适用于 Apple Touch 和 PWA 的推荐尺寸
深色和浅色背景预览
下载为 ZIP 文件

使用方式

上传标志图片: 建议使用至少 512×512 像素的方形图片，以便缩小后仍能清晰显示。
预览不同尺寸: 确认标志图片在 16 和 32 像素下仍然容易辨认。
下载 ZIP: 将生成的文件放入网站的公开目录，并在 HTML 和网页应用清单中声明相应尺寸。

示例

为 Vite 或 React 静态网站生成 favicon
品牌更新后重新生成 PWA 图标和网页应用清单
创建用于 iOS 书签的 Apple Touch 图标
无需额外命令行工具即可快速生成完整图标套件

限制

细节过多的标志图片缩小到 16×16 像素后可能难以辨认
SVG 文件会依照所选的最大尺寸转换为 PNG 与 favicon.ico 文件
上传的标志图片会直接在您的浏览器中处理，不会发送至服务器。

常见问题

包含哪些尺寸？: 常见含 16、32、48、180、192、512 与 favicon.ico。
透明背景的标志在深色浏览器标签页中会如何显示？: 请使用深色背景预览进行检查。对于较小的尺寸，添加浅色背景可能有助于提高辨识度。
如何安装到网站？: 将图标文件放入 public/ 目录，并在 HTML 和网页应用清单中声明各个尺寸。