🧰 UtlKit

网站图标生成器

从任意图片生成各种尺寸的网站图标。一键下载 ZIP,包含 manifest 和 HTML 链接代码。

🐛

报告问题 / 提出建议

发现 Bug 或有建议?帮助我们改进这个工具。

📊 数据摘要(自动填写)

工具: favicon-generator · /tools/favicon-generator/

这是什么工具?

图标生成器从单个源图像生成所有必需的网站图标。它生成 favicon.ico、Apple Touch Icon、Android Chrome 图标、site.webmanifest 和 browserconfig.xml。一键下载所有文件和 HTML 集成代码。

如何使用

  1. 1

    上传图片

    上传 PNG、JPG 或 SVG 图像(推荐 512x512 或更大)。

  2. 2

    预览尺寸

    查看你的图像在不同图标尺寸下的效果。

  3. 3

    全部下载

    下载包含所有图标尺寸、清单文件和 HTML 集成代码的 ZIP 包。

常见问题

什么是网站图标?

网站图标是显示在浏览器标签页、书签和地址栏中的小图标。它帮助用户一目了然地识别你的网站。现代网站需要多种尺寸:浏览器 16x16 和 32x32、Apple 设备 180x180、Android 192x192/512x512。

应该使用什么图像格式?

使用高分辨率 PNG 图像(512x512 或更大)且背景透明以获得最佳效果。PNG 支持透明度,这对于在不同背景颜色上正确显示图标很重要。

如何安装生成的图标?

将所有文件上传到网站根目录。ZIP 包包含 HTML-links.txt 文件,里面有所有 HTML 链接标签——将它们粘贴到你的页面 <head> 中。

site.webmanifest 是什么?

Web App 清单是一个 JSON 文件,告诉浏览器你的网站在安装为应用时应该如何显示。它指定了图标、显示模式、名称和主题颜色。

需要 browserconfig.xml 吗?

browserconfig.xml 文件仅用于 Microsoft Edge 和 Internet Explorer 的磁贴自定义。如果只面向现代浏览器,它是可选的。

如何创建 favicon?

上传一个 logo 或任意方形图片,工具会生成全套 favicon 尺寸(从 16×16 到 512×512),外加 favicon.ico、site.webmanifest 和 browserconfig.xml,让图标在浏览器、标签页和主屏幕上都能正常显示。然后安装它们:把文件放到网站根目录,添加工具生成的 link 标签,并清除浏览器缓存即可看到新图标。