网站图标生成器
从任意图片生成完整的一套 favicon 与应用图标 PNG 文件——从 16×16 到 512×512——全部在浏览器中完成。
🔒 在您的浏览器本地处理
Loading…
使用方法
- 将图片拖放到上方方框中，或点击方框选择文件。
- 非正方形图片会自动居中裁剪为正方形。
- 每个尺寸的图标生成后会立即显示预览。
- 可以逐个下载图标，也可以使用"全部下载"按顺序保存所有尺寸。
功能特点
- 生成 6 种标准尺寸：16、32、48、180、192 和 512 像素
- 包含 Apple touch icon 以及 Android/PWA 清单所需的图标尺寸
- 自动将非正方形图片居中裁剪为正方形
- 每个生成的尺寸都可即时预览
- 100% 本地运行——由 Canvas API 驱动，无需上传
常见问题
为什么需要这么多不同尺寸的 favicon？
不同的浏览器、操作系统和平台会请求不同的图标尺寸——例如浏览器标签页和书签使用 16×16 和 32×32，iOS 上的 Apple touch icon 使用 180×180，而 Android 主屏幕和 PWA 清单则使用 192×192／512×512。提供齐全的尺寸可以确保你的网站在各处都能清晰显示。
如果我的图片不是正方形怎么办？
系统会先自动将图片居中裁剪为最大的正方形，再进行缩放，因此每个生成的图标都是正方形，不会变形。
支持上传哪些文件格式？
支持 JPG、PNG 和 WebP 图片。所有生成的图标都会导出为 PNG 文件。
我的图片会被上传到哪里吗？
不会。裁剪和缩放都是通过浏览器内置的 Canvas API 在本地完成的，图片不会离开您的设备。
生成的文件该如何用在我的网站上？
将 favicon-16x16.png、favicon-32x32.png、favicon-48x48.png 和 apple-touch-icon.png 放在网站根目录，再连同两个 Android/PWA 尺寸一起添加到 HTML 的 link 标签或 web app 清单中即可。