图标生成器

从一张图片生成多尺寸网站 Favicon 和应用图标,一次下载图标资源包。

免费浏览器

Icon Generator

Upload a source image to generate favicon and app-icon outputs locally.

#ffffff
Square18%Rounded

Source preview

Use a square asset for the cleanest favicon and app-icon exports.

Upload a source image to generate favicon and app-icon outputs locally.
Upload a source image to generate favicon and app-icon outputs locally.

关于图标生成器

将一张源图转换为网站与应用图标套件。检查小尺寸效果,再下载资源用于网站 favicon 和应用图标配置。

如何使用图标生成器

  1. 选择清晰的源图,优先使用方形图。
  2. 检查各尺寸预览,细节丢失时调整源图。
  3. 下载资源,并在网站中配置所需的图标链接。

输入与输出示例

输入与设置
一张方形品牌标志
预期输出
多尺寸 PNG、ICO favicon 和可下载的图标套件。

适用场景

  • 为新网站准备 favicon。
  • 从同一标志制作一致的多尺寸图标。

使用前需要了解的限制

小尺寸会丢失精细细节。工具只生成资源,不会安装图标、创建完整 PWA manifest 或发布网站。

数据处理与费用

核心操作在浏览器中完成,工具输入不会上传处理。网站仍可能使用会话 Cookie,并按隐私政策收集运行或使用数据。

在浏览器中免费使用,无需登录。

常见问题

它会生成一组标准尺寸的 PNG 图标(16、32、48、64、128、192、512 px),并额外生成一个包含常见 favicon 尺寸的 ICO 文件。所有输出会打包成一个 ZIP 下载。

方形 PNG 或带透明背景的 SVG 效果最好。尽量避免把重要内容放在图片边缘,因为缩放到较小尺寸时可能会被裁掉。

把文件放到站点的 public 目录,并将下载包里附带的推荐 HTML 片段加入页面的 <head>。该片段会包含 favicon、Apple Touch Icon 和 Web App Manifest 的引用。

相关工具