Favicon 生成器
只需上传一次图片，即可下载所有你需要的 favicon 尺寸：浏览器标签、iOS 主屏幕图标、Android/PWA 图标，以及配套使用的 HTML 代码。
点击选择图片，或将它拖放到这里
正方形图片效果最好。文件留在你的设备上，不会被上传。
你将获得
一个 .zip 压缩包，内含用于浏览器标签的 16×16、32×32、48×48 PNG，用于 iOS 主屏幕 的 180×180 apple-touch-icon，以及用于 Android 和 PWA manifest 的 192×192 / 512×512 PNG，还附带一个文本文件，里面是可以直接粘贴到你网站 <head> 中的 <link> 标签代码。
工作原理
你的图片首先会被居中裁剪为最大的正方形，随后一次 drawImage() 调用会把该正方形裁剪并缩放到目标尺寸的画布上，因此非正方形的图片会被裁剪而不是拉伸或加边。这个过程会执行六次，分别对应 16、32、48、180、192 和 512 像素，每个画布都导出为 PNG。压缩包完全由 JavaScript 逐字节组装，不涉及服务器端压缩，并附带一个文本文件，里面是可直接粘贴到你网站 <head> 中的确切 <link> 标签。
你可能会注意到没有 .ico 文件：如今所有主流浏览器都直接支持 PNG 格式的网站图标。在生成的各个尺寸中，32×32 覆盖了现代显示屏上的浏览器标签页，180×180 是 iOS 用于主屏幕图标的尺寸，192×192 和 512×512 则是 PWA 清单规范要求的两个尺寸。在 512px 下看起来很棒的图标，缩小到 16px 往往会变得模糊，所以应优先考虑简洁的形状和高对比度，而不是精细的细节。
你上传的图片会在浏览器内存中完成解码、裁剪、缩放和压缩打包，本页面根本没有任何上传接口。生成时观察开发者工具的网络面板：唯一的传输是生成好的压缩包从内存移动到你的下载文件夹。
常见问题
为什么不生成 .ico 文件？
现代浏览器、iOS 和 Android 都可以直接支持 PNG 格式的 favicon，本工具生成的每个尺寸都是 PNG。.ico 文件过去的作用是把多个尺寸打包进一个容器，但现在已经不是必需的了，下载包中附带的 HTML 代码会为每种场景指向正确的 PNG 文件。
应该上传什么样的图片？
正方形图片效果最好，裁剪也最干净。非正方形图片会在缩放前自动裁剪为居中的正方形，因此请确保你 logo 中重要的部分靠近图片中心。
我的图片会被上传到别的地方吗？
不会。所有尺寸都是通过 canvas API 在你的浏览器本地生成的，不会发送到任何服务器。