Favicon 生成器

如何使用

三步完成

不需要注册，选择图片后即可在本地处理。

上传一张图片

选择或拖入 JPG、PNG，单张不超过 10MB；每次只能处理 1 张图片。

生成图标

工具会生成多尺寸 ICO、PNG、manifest 和接入代码，并在页面上展示透明背景预览。

下载并接入

下载全部 ZIP，解压到网站根目录；复制 manifest 和 link 代码即可使用。

隐私说明

图标生成使用浏览器 Canvas 和本地脚本完成。页面不会上传图片，也没有服务端处理请求；图片不会写入磁盘、不会进入队列，也不会被保存。

你可以打开开发者工具的 Network 面板验证，或断网后继续处理已经打开的页面。只有在你主动调用开放 API 时，图片才会发送到 api.mokiii.com。

查看完整隐私政策

FAQ

常见问题

格式、批量限制与处理结果。

Favicon 生成器会上传图片吗？

不会。缩放、ICO 容器组装、PNG 编码和 ZIP 打包都在浏览器本地完成，图片不会上传服务器。

支持哪些输入和输出？

输入支持 JPG、JPEG、PNG；单文件不超过 10MB，每次只处理 1 张图片。输出包括 favicon.ico（16、32、48）、apple-touch-icon.png（180）、icon-192.png、icon-512.png、site.webmanifest 和 HTML 接入代码。

ICO 里的 16、32、48 有什么区别？

16 和 32 使用 BMP(DIB) 条目，包含 32 位 BGRA 像素和 AND 掩码；48 使用 PNG 条目，体积更小。透明背景会保留，浏览器和 Windows 会按场景选择合适尺寸。

生成后怎么接入，缓存怎么办？

把 ZIP 解压到网站根目录，将 head-snippet.html 里的 link 标签放进 head，并保留 site.webmanifest。更新图标后浏览器或 CDN 可能缓存旧文件，必要时改名或加版本参数。

扩展阅读

了解格式、质量与体积之间的关系。

Favicon 的尺寸与接入

Favicon 是浏览器标签页、收藏夹和书签中显示的站点图标。建议使用正方形、主体居中的图片，并至少准备 512×512 的 PNG；透明背景在 PNG 和 ICO 中可以保留，但 JPG 本身不支持透明。favicon.ico 兼容性最好，通常包含 16、32、48 三种尺寸；apple-touch-icon 用于 iOS 主屏，建议 180×180。site.webmanifest 让 Android 和 Chrome 安装到桌面时使用 192 与 512 图标。更新图标后，浏览器和 CDN 可能继续使用旧缓存，必要时改名或加版本参数。