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
上传 Logo
添加一张正方形图片,最好为 512×512 像素或更大。
- 2
生成图标
点击“生成图标”,一次生成全部 7 种尺寸的 PNG。
- 3
按尺寸下载
点击所需尺寸下方的下载按钮即可保存。
❓ 常见问题
可以生成 .ico 文件吗?
不可以,所有图标均导出为 PNG。现代浏览器都支持通过 link 标签引用 PNG favicon,因此如今很少需要 .ico 文件。
如果图片不是正方形会怎样?
图片会被拉伸成正方形,可能导致变形。建议先用图片裁剪工具裁成 1:1。
实际需要哪些尺寸?
对大多数网站来说,浏览器标签页用的 32×32、Apple 设备用的 180×180,以及 Web 应用清单用的 192×192 和 512×512 就足够了。
透明背景会保留吗?
会。输出文件为 PNG,因此源 PNG 图片中的透明效果会被保留。