Favicon 生成器
将一张图片转换为包含所有常用尺寸的完整 Favicon 集,并附带可直接粘贴的 HTML 代码片段。全部在您的浏览器中完成。
将图片拖放到此处
或
如何生成 Favicon 集
- 将一张图片拖入上传区域,或点击从设备中选择。
- 工具会将您的图片裁剪为方形并居中,然后渲染所有常用的 Favicon 尺寸。
- 逐个下载每个 PNG,或使用"全部下载"获取整套图标。
- 将 HTML 代码片段复制到您网站的 head 中。
常见问题
我的图片会上传到服务器吗?
不会。Favicon 完全在您的浏览器中使用 Canvas API 生成,因此您的图片绝不会离开您的设备。
生成器会生成哪些尺寸?
它会生成 16x16、32x32、48x48、180x180(apple-touch-icon)、192x192 和 512x512 的 PNG 文件,这是现代浏览器最常请求的尺寸。
如果我的图片不是方形的怎么办?
图片会被缩小以适应方形画布并居中,两侧留出透明空间,因此结果仍然可以作为图标使用。
这个工具免费使用吗?
是的。Handio 的每个工具都免费,无需注册、没有限制、没有水印。
相关工具
为什么要生成 Favicon 集?
浏览器会为标签页、书签和主屏幕请求多种尺寸的 Favicon。一套完整的图标能让您的网站在任何地方都显示清晰,而不是因单张被缩放的图片而变得模糊。
- 覆盖浏览器可能请求的每个尺寸,从 16px 标签页到 512px 图标。
- 提供 iOS 主屏幕使用的 apple-touch-icon。
- 获取可粘贴到网站 head 中的准确 HTML 标记。
提示与限制
从简单、高对比度的图片开始,因为精细细节在 16px 下会丢失。PNG 输出会保留透明度,而 180px 的 apple-touch-icon 应为无透明边缘的实心形状。一切都在您的浏览器中本地运行。