SimsimTools

Favicon 生成

用图片生成 favicon 和应用图标尺寸。

您的文件保留在本地设备

该工具完全在您的浏览器中本地处理,不会上传到服务器。

📝 关于Favicon 生成

Favicon 生成工具可以用一张图片一次生成 16、32、48、64、180、192、512 像素共 7 种尺寸的正方形 PNG 图标。每种尺寸都可以单独预览和下载,只需取用项目真正需要的文件即可。

这些尺寸覆盖了图标最常见的使用场景:16×16 和 32×32 是浏览器标签页上的经典 favicon;48 和 64 适用于高分辨率屏幕和桌面快捷方式;180×180 是 Apple 设备主屏幕图标(apple-touch-icon)的尺寸;192×192 和 512×512 则是 Android 和 PWA 的 Web 应用清单中常用的尺寸。下载后,在 HTML 的 link 标签或清单文件中引用这些文件即可。

想要效果最佳,建议使用至少 512×512 像素的正方形图片,并选择简洁、线条粗的设计——细节在 16 像素下会看不清。非正方形图片会被拉伸填满正方形,请先裁剪。所有尺寸转换都在浏览器中完成,您的 Logo 不会被上传。

📘 使用方法

  1. 1

    上传 Logo

    添加一张正方形图片,最好为 512×512 像素或更大。

  2. 2

    生成图标

    点击“生成图标”,一次生成全部 7 种尺寸的 PNG。

  3. 3

    按尺寸下载

    点击所需尺寸下方的下载按钮即可保存。

❓ 常见问题

可以生成 .ico 文件吗?

不可以,所有图标均导出为 PNG。现代浏览器都支持通过 link 标签引用 PNG favicon,因此如今很少需要 .ico 文件。

如果图片不是正方形会怎样?

图片会被拉伸成正方形,可能导致变形。建议先用图片裁剪工具裁成 1:1。

实际需要哪些尺寸?

对大多数网站来说,浏览器标签页用的 32×32、Apple 设备用的 180×180,以及 Web 应用清单用的 192×192 和 512×512 就足够了。

透明背景会保留吗?

会。输出文件为 PNG,因此源 PNG 图片中的透明效果会被保留。

🔗 相关工具