image

Favicon / PWA 图标生成器

从一张 logo 生成 favicon、Apple touch icon 与 PWA PNG 图标，zip 下载并复制 HTML / manifest 片段，浏览器本地处理。

将 logo 拖放到此处

支持 PNG、JPEG、WebP、GIF、BMP。每次一张源图。

点击工作区后也可按 ⌘V / Ctrl+V 粘贴。

图片在浏览器本地处理，不会上传到 DevCove 服务器。

用于网站 favicon 与 PWA — 不是应用商店上架截图工具。

方形适配

裁成方形，可拖动裁剪框调整。

关闭则导出透明 PNG；开启可填充留白或铺平透明区域。

导出 PNG 格式网站图标，可直接用于现代浏览器与 PWA。若需要传统的 favicon.ico，请将 PNG 用其他工具转换。

上传、拖放或粘贴 logo 以开始。

关于此工具

DevCove Favicon 生成器帮助站长与前端在本地发布网站图标。上传 logo，选择方形裁剪或居中留白，导出 16–512px PNG，并复制 HTML link 或 manifest icons JSON。面向网站 favicon 与 PWA，不是 App Store / Google Play 上架素材。

如何使用

需要 favicon 与 PWA 图标文件时，可按以下步骤使用：

  1. 上传方形或矩形 logo，拖入工作区，或粘贴图片。
  2. 选择裁剪填满或完整保留（留白）。
  3. 可选启用背景色，用于留白或透明区域铺色。
  4. 点击生成图标，查看 16–512px PNG 输出。
  5. 下载 zip（含 manifest.webmanifest）并复制 HTML link 或 manifest 片段。

功能特点

面向网站与 PWA 发布工作流：

  • 导出 favicon 16/32/48、Apple touch 180、PWA 192/512 PNG。
  • 支持裁剪填满或留白，可选背景色。
  • zip 下载，文件名稳定，含 manifest.webmanifest。
  • HTML favicon / apple-touch-icon link 片段。
  • 可直接粘贴的 manifest icons JSON。
  • 100% 浏览器本地处理。

常见问题

图片会上传吗？

不会。图标仅在浏览器内渲染。

为什么没有 .ico？

首版提供 PNG favicon 与 HTML link 标签。多尺寸 .ico 待浏览器端 encoder 评估通过后再考虑加入。

裁剪填满和完整保留有什么区别？

裁剪填满适合铺满方形区域；完整保留适合宽扁或竖长 logo，会在方形内留白。

能生成应用商店截图吗？

不能。应用商店素材请用应用商店图片尺寸工具；本工具用于网站 favicon 与 PWA。

purpose any maskable 是什么？

PWA manifest 常用 any maskable，便于自适应图标蒙版。若平台要求可改为 any。

能保留透明吗？

可以。关闭背景色即可导出透明 PNG 图标。