Favicon 生成器

将一张图片转换为包含所有常用尺寸的完整 Favicon 集,并附带可直接粘贴的 HTML 代码片段。全部在您的浏览器中完成。

将图片拖放到此处

如何生成 Favicon 集

  1. 将一张图片拖入上传区域,或点击从设备中选择。
  2. 工具会将您的图片裁剪为方形并居中,然后渲染所有常用的 Favicon 尺寸。
  3. 逐个下载每个 PNG,或使用"全部下载"获取整套图标。
  4. 将 HTML 代码片段复制到您网站的 head 中。

常见问题

我的图片会上传到服务器吗?

不会。Favicon 完全在您的浏览器中使用 Canvas API 生成,因此您的图片绝不会离开您的设备。

生成器会生成哪些尺寸?

它会生成 16x16、32x32、48x48、180x180(apple-touch-icon)、192x192 和 512x512 的 PNG 文件,这是现代浏览器最常请求的尺寸。

如果我的图片不是方形的怎么办?

图片会被缩小以适应方形画布并居中,两侧留出透明空间,因此结果仍然可以作为图标使用。

这个工具免费使用吗?

是的。Handio 的每个工具都免费,无需注册、没有限制、没有水印。

相关工具

为什么要生成 Favicon 集?

浏览器会为标签页、书签和主屏幕请求多种尺寸的 Favicon。一套完整的图标能让您的网站在任何地方都显示清晰,而不是因单张被缩放的图片而变得模糊。

提示与限制

从简单、高对比度的图片开始,因为精细细节在 16px 下会丢失。PNG 输出会保留透明度,而 180px 的 apple-touch-icon 应为无透明边缘的实心形状。一切都在您的浏览器中本地运行。