🛝Toolio
关于 联系方式

🌐 favicon & app 图标生成器

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

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

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

关于

此工具使用浏览器的Canvas API将您的源图像调整为现代浏览器和操作系统所期望的每个尺寸：16×16、32×32、48×48、64×64、180×180（Apple触摸图标）、192×192（Android / PWA）和512×512（PWA启动画面）。它还会将所有常见图标尺寸打包成一个二进制文件的多尺寸.ico文件，并为每个尺寸生成带有正确<link>标签的HTML代码片段。所有内容都通过内联、仅存储的ZIP写入器打包成一个ZIP文件 —— 不需要外部库。由于整个过程在浏览器中通过Canvas运行，您的文件永远不会离开设备。

如何使用

  1. 将源图像拖放到上传区域或点击选择文件 —— PNG、JPEG、SVG 或 WebP 均可使用。
  2. 预览图像并确认尺寸以生成：默认已选中 16、32、48、64、180、192 和 512 像素的 PNG。
  3. 点击生成，让 Canvas API 在浏览器中调整和渲染每个图标尺寸。
  4. 点击下载 ZIP，即可在一个压缩包中获取所有 PNG、多尺寸的 favicon.ico 以及 HTML 代码片段文件。
  5. 从 HTML 文件中复制 <link> 标签，并粘贴到您网站的 <head> 中 —— 您的 favicon 已准备就绪。

常见问题

此工具生成哪些尺寸？
它生成 16、32、48、64、180、192 和 512 像素的 PNG 文件，一个包含 16、32 和 48 像素的多尺寸 favicon.ico 文件，以及对应的 HTML <link> 标签。
我的图片会被上传到服务器吗？
不会。所有调整尺寸和打包操作都在您的浏览器中通过 Canvas API 完成。您的图片永远不会离开您的设备。
使用什么最佳源图像？
至少512×512像素的正方形图像在所有尺寸下都能获得最清晰的结果。SVG尤其适用，因为它与分辨率无关。
什么是多尺寸的.ico文件，为什么需要它？
.ico文件可以在一个二进制文件中嵌入多个分辨率。旧版浏览器和Windows使用.ico作为标签图标和快捷方式，会自动选择最适合的尺寸。使用多尺寸.ico可以确保在所有地方都有清晰的图标。
我是否需要为我的网站使用所有生成的尺寸？
对于大多数网站，多尺寸.ico加上180像素（Apple Touch图标）和192/512像素（PWA）的PNG文件可以覆盖所有主要使用场景。较小的PNG文件是为了完整性和旧版浏览器支持。
此工具会上传我的数据吗？
不会。所有操作都在您的浏览器中完成，因此您的数据永远不会离开您的设备 — 甚至在页面加载后也可以离线使用。