Favicon 生成器
配齐一套网站图标以前要对着清单逐项做：浏览器要 .ico，苹果设备要 180 的 apple-touch，PWA 安装要 192 和 512，还得有 manifest 把它们串起来、配上正确的 link 标签。
使用方法
- 准备一个方形 logo（512×512 或更大最佳），拖进上传区域。
- 生成器产出 zip：多尺寸 .ico、180/192/512 三张 PNG、site.webmanifest 和 HTML 片段。
- 查看预览，下载并解压压缩包。
- 把文件复制到站点根目录，把 HTML 片段贴进 <head>。
常见问题
哪些文件需要部署到网站上？
全部都要：favicon.ico 兜住经典浏览器请求，PNG 覆盖苹果设备和 PWA 安装场景，site.webmanifest 和 HTML 片段把整套图标串起来。
为什么 180 那张要铺白底？
苹果设备会把主屏图标的透明区域合成黑色。生成器把 logo 放在不透明白底上，iOS 上的展示效果就可控了。
源图用多大尺寸合适？
512×512 或更大的方形图效果最锐利。非方形 logo 会被等比缩放加透明留白，不会变形。
logo 会被上传到服务器吗？
不会。缩放和打包完全在你的浏览器内完成，logo 从不离开你的设备。
相关工具
了解更多
配齐一套网站图标以前要对着清单逐项做：浏览器要 .ico，苹果设备要 180 的 apple-touch，PWA 安装要 192 和 512，还得有 manifest 把它们串起来、配上正确的 link 标签。这个生成器把整张清单一次性做完：拖入一个方形 logo，立刻得到一个 zip 压缩包——内含多尺寸 favicon.ico（16、32、48 三档）、铺了不透明白底的 favicon-180x180.png（给苹果设备）、favicon-192x192.png 和 favicon-512x512.png（给 manifest）、可直接使用的 site.webmanifest，以及贴进页面 head 就能用的 html-snippet.txt。你的 logo 等比缩放到方形画布上，绝无拉伸变形。所有生成步骤都在你的浏览器里完成：源 logo 从磁盘读入、在你的设备上缩放、本地打包，不经任何服务器——还没发布的品牌标识在上线前也绝不外泄。页面里先看 192 的实际效果，下载解压、把文件放到站点根目录、贴上代码片段，三步接入。