完整 favicon 套件生成器
上传一张图像,一键获得完整的 favicon 套件:所有常用的 PNG 尺寸(16 至 512 px)、一个 favicon.ico 文件,以及可复制到您网站中的 <link> 标签 HTML 代码。
最好是分辨率较高的方形图像(标志、图标等)。可拖放文件,或点击浏览。
工作原理
普通的 favicon 生成器只能生成两三种尺寸,而这个套件涵盖了所有常见的使用场景:浏览器标签页、Windows 快捷方式、iOS 和 Android 的主屏幕图标,以及兼容性最好的传统 favicon.ico 文件。每种尺寸都通过居中裁剪的方式缩放生成,即使在最小的尺寸下,图像的主体也能保持良好的构图。
生成的文件应该放在网站的什么位置?
请将所有 PNG 文件和 favicon.ico 放在网站的根目录(例如 /favicon-32x32.png),然后把提供的 HTML 代码粘贴到页面的 <head> 部分。其中提到的 site.webmanifest 文件是可选的:如果您单独创建它,可以为 PWA 定义额外的图标。
为什么要生成这么多不同的尺寸?
每个平台和每种显示场景都需要特定的尺寸:桌面标签页用 32×32,iOS 主屏幕图标用 180×180,Android 应用图标和 PWA 用 192×192 和 512×512。提供全部尺寸,可以避免系统自行缩放您的图像,否则往往会导致画面模糊或出现锯齿。
100% 本地处理:缩放通过浏览器的 Canvas API 完成,favicon.ico 则通过 WebAssembly 生成 —— 您的标志不会被发送到任何服务器。