跳到主要内容

查找下一个工具

浏览器内的私密工具

网站图标生成器

将一张图片生成实用的 favicon 套件,包含浏览器、Apple touch 和 PWA 尺寸,以及可直接复制的 HTML。

每张图片最大 20 MiB、40 百万像素。联系表支持 2–50 张图片,总计最多 100 MiB。图标输出会把整张图片放入带透明边距的正方形中。

浏览器本地处理无需账号免费使用 原图保持不变

为什么需要这个工具

简洁、高对比度的标志在极小的 favicon 尺寸下效果最好。

  • ✓ 16–512px 尺寸
  • ✓ 实时预览
  • ✓ HTML 代码片段
  • ✓ 浏览器本地处理

适用场景

  • • 网站
  • • PWA
  • • 品牌焕新

生成网站真正能用的图标套件

favicon 不只是一个很小的 ICO 文件。现代网站可能需要多种 PNG 尺寸、Apple touch 图标、PWA 图标,以及一小段把它们连接起来的 HTML。

从正方形源图开始

简洁、高对比度的标志比细节丰富的插画更能经受小尺寸考验。约 512 像素或更大的正方形源图能让生成器干净地制作小图标。

发布前请预览最小的图标。在 512 像素下完美的标志,在 16 或 32 像素下可能难以辨认。

替换现有图标前先检查文件包

打开生成的文件,确认名称和尺寸,再把提供的代码粘贴到网站的 head 中。在新文件验证完成前,请保留现有的 favicon 套件。

常见问题与解答

favicon 应该用什么图片?

干净的正方形标志或图形效果最好。高对比度和简单的形状通常比精细细节更能适应极小尺寸。

网站应该有哪些 favicon 尺寸?

常见的网页和设备场景会使用多种尺寸,而不是单一文件。生成器提供多种 PNG 尺寸和 ICO 包,方便你选择网站需要的文件。

需要同时提供 favicon.ico 和 PNG 图标吗?

它们服务于不同的浏览器和平台,因此在需要广泛兼容时,两者都保留更实用。

可以使用 SVG 标志吗?

只要浏览器能解码就可以,但请检查生成的 PNG/ICO,因为栅格化时字体、滤镜和外部引用可能发生变化。

继续后续流程