🛝Toolio
关于 联系方式

🌐 favicon & app 图标生成器

上传一张图片，立即下载完整的favicon包 —— 所有标准尺寸的PNG图标，多尺寸的.ico文件，以及可直接粘贴的HTML链接标签，全部打包成一个ZIP文件。

加载一个方形图片
🌐
将标志拖放至此，或点击浏览
PNG 或 SVG，最好是方形 — 在您的浏览器中生成

隐私优先设计. 此工具完全在您的浏览器中运行，您输入的任何内容都不会上传，并且可以离线使用。

关于

此工具使用浏览器的 Canvas API 将源图像调整为现代浏览器和操作系统所期望的每种尺寸：16×16、32×32、48×48、64×64、180×180（Apple Touch Icon）、192×192（Android / PWA）和 512×512（PWA 启动画面）。它还会生成一个包含 16、32 和 48 像素图标的多尺寸 .ico 文件，将其打包为一个二进制文件，生成一个列出 192 和 512 像素图标的 site.webmanifest（其名称和 short_name 留空供你填写），并生成带有正确 <link> 标签的 HTML 片段。如果图像不是正方形，你可以保留整个图像并留出透明边距，或者通过裁剪边缘填满正方形。所有内容都通过内联、仅存储的 ZIP 写入器打包到一个 ZIP 中，.ico 也可以单独下载。由于整个过程在浏览器中通过 Canvas 运行，因此没有任何文件会离开设备。

如何使用

  1. 你选择图像后即会生成图标，因此没有“生成”按钮。检查从 16 到 512 像素的预览以及源图像的尺寸。对于非正方形图像，选择保留整个图像并留出边距，还是填满正方形并裁剪边缘。
  2. 点击“下载 ZIP”即可在压缩包中获取所有 PNG、多尺寸 favicon.ico、site.webmanifest 和 HTML 片段文件。如果你只需要 .ico 文件，请点击“仅下载 .ico”。
  3. 点击“复制 HTML 标签”（或打开 head-snippet.html），并将 <link> 标签粘贴到网站的 <head> 中。
  4. 将文件上传到网站的根文件夹，然后在 site.webmanifest 中填写名称和 short_name。

常见问题

此工具生成哪些尺寸？
生成 16、32、48、64、180、192 和 512 像素的 PNG 文件、一个包含 16、32 和 48 像素图标的多尺寸 favicon.ico、一个列出 192 和 512 像素图标的 site.webmanifest，以及匹配的 HTML <link> 标签。
我的图片会被上传到服务器吗？
不会。所有调整尺寸和打包操作都在您的浏览器中通过 Canvas API 完成。您的图片永远不会离开您的设备。
使用什么最佳源图像？
至少 512×512 像素的正方形图像在所有尺寸下都能获得最清晰的结果。SVG 特别适用，因为它与分辨率无关。如果图像不是正方形，你可以保留整个图像并留出透明边距（默认），或者通过裁剪边缘填满正方形。如果位图图像小于 512 像素，工具会放大较大的图标并显示提示。
什么是多尺寸的.ico文件，为什么需要它？
一个 .ico 文件可以在一个二进制文件中嵌入多个分辨率。较旧的浏览器和 Windows 使用 .ico 作为标签图标和快捷方式，自动选择最合适的尺寸。此工具的 .ico 包含 16、32 和 48 像素图标，你可以单独下载，而无需 ZIP。
我是否需要为我的网站使用所有生成的尺寸？
对于大多数网站，多尺寸 .ico 加上 180 像素（Apple Touch Icon）和 192/512 像素（PWA）的 PNG，以及 site.webmanifest，可以覆盖所有主要使用情况。较小的 PNG 也包含在内，以确保完整性和支持旧版浏览器。
此工具会上传我的数据吗？
不会。所有操作都在您的浏览器中完成，因此您的数据永远不会离开您的设备 — 甚至在页面加载后也可以离线使用。

在最近的 29 天内运行了 50 次。 结果已复制或下载：94% 在我们自己的服务器上测量，2026-10-11–2026-11-09。