网站图标生成
把 Logo 或图片生成完整的网站图标包：兼容旧浏览器的 favicon.ico、16 到 512 像素的 PNG 图标、apple-touch-icon、Web
把图片文件拖到这里
或点击选择文件
把一个 Logo 或任意正方形图片变成现代网站所需的整套图标：兼容旧浏览器的 favicon.ico、16 到 512 像素的 PNG 图标、面向 iOS 主屏幕的 apple-touch-icon、Web App 清单，以及引用它们的 HTML 代码片段。
文件和代码一次就能拿到，你不必再记要导出哪些尺寸、要写哪些 link 标签。源图片只在本地处理，Logo 还没有公开时这一点很重要。
如何生成网站图标包
选择一个正方形 Logo 或图片
生成整套图标
下载文件并复制 HTML 代码片段
常见问题
会生成哪些尺寸？
浏览器标签页用 16×16 和 32×32，快捷方式用 96×96，apple-touch-icon 用 180×180，Android 与 PWA 安装用 192×192 和 512×512，另外还有兼容旧浏览器的多尺寸 favicon.ico。
应该从什么图片开始？
用背景透明、渲染尺寸不小于 512×512 的正方形 PNG 或 SVG。过宽的 Logo 会被加上留白，源图太小或模糊，512 像素的 favicon 就会发虚。
这些文件都需要吗？
对于现代网站，.ico 加上 192 和 512 的 PNG 以及清单文件几乎就够用了。想要最大兼容性就把整套都传上去——它们总共也只有几 KB。
这些文件要放在哪里？
上传到网站根目录，让 /favicon.ico 和 /icon-192.png 能被正确解析，然后把 HTML 代码片段粘贴到每个页面的 <head> 里，或者只链接清单文件，其余交给它处理。
对 Web App 或 PWA 也有效吗？
有效——清单文件加上 192/512 图标，正是一个可安装的 Web App 所需要的。如果不希望 Logo 被 Android 自适应图标形状裁掉，记得准备 maskable 图标。
我的图片会被上传吗？
不会，所有图标都在你的浏览器里生成。
一览
| 输入 | 图片 |
|---|---|
| 多个文件 | 否 |
| 运行位置 | 在你的浏览器中——文件永远不会被上传 |
| 离线可用 | 是 — 页面加载完成后 |
| 价格 | 免费，无需注册，无水印 |
在 JPG、PNG、WebP 和 AVIF 之间如何选择
这些格式各自解决不同的问题，选错了就要在质量或文件大小上付出代价。JPG 是照片以及任何要发给别人的文件最稳妥的选择，因为每台设备和每个程序都能打开它，但它是有损的，也不支持透明。PNG 是无损的，并且支持透明，因此适合 Logo、截图、图示，以及任何边缘锐利或带文字的图像，代价是文件大得多。在相同可见质量下，WebP 通常比 JPG 小 25%–35%，并且支持透明，但仍有少数较旧的程序打不开。AVIF 压得更小，在低质量设置下尤其明显，但编码更慢，支持情况也是四者中最新的。一条实用的法则：要发出去用 JPG，要编辑用 PNG，给自家网站用 WebP，当每一 KB 都要计较、并且已确认受众能打开时用 AVIF。
把文件压到大小限制以内
上传表单常常要求「小于 2 MB」或「小于 500 KB」，最快达标的方法是按正确的顺序操作：先裁掉你不需要的部分，再把像素尺寸降到最终用途大致需要的程度（全屏网页图片 1920 像素宽就足够，博客文章 1000 像素），然后才降低质量。如果上传表单接受 WebP 或 AVIF，转成它们可能是单项收益最大的一步。移除元数据对大小无害，却可能关系到隐私，因为照片常常带着 GPS 坐标、确切的相机型号和日期。如果表单仍然拒收这个文件，请检查它是否限制的是像素尺寸而不只是文件大小——这比实际的 MB 数更容易让人吃亏。