网站图标生成器(favicon.ico 与各尺寸 PNG)

用一张图片一次生成 favicon.ico(16、32、48 px)以及 apple-touch-icon(180 px)、192、512 px 等 PNG 图标,可先预览再保存为 ZIP,并提供要加入 HTML 的代码。

  • 在浏览器内处理(不上传)

每个文件上限 40 MB

转成正方形的方式

在会被裁成圆形或圆角的地方(例如手机主屏幕),加一些留白可避免边缘被切掉。

背景

iPhone 主屏幕可能会把透明部分显示成黑色,因此主屏幕图标(apple-touch-icon)会用背景色填充(选择透明时为白色)。

使用方法

  1. 选择或拖放要做成图标的图片(建议 512 × 512 px 以上的正方形)。
  2. 选择转成正方形的方式、周围留白和背景(透明或颜色),查看各尺寸预览和浏览器标签页上的效果。
  3. 点击“全部下载(ZIP)”,把文件放到网站根目录,再把显示的代码添加到 HTML 的 <head>。

常见问题

需要用哪些文件?

最简单的方法是把 ZIP 里的文件全部放到网站根目录,并把代码添加到 <head>;只有 favicon.ico 也能在多数浏览器显示。

图片会上传吗?

不会。读取、缩小、生成 ICO 和 ZIP 都在浏览器内完成。

换了图标但浏览器还是显示旧的?

浏览器可能会长时间缓存 favicon,请刷新页面或清除缓存。

注意事项与限制

  • 你输入的内容只在本页面处理,不会发送到 YUCTS 的服务器。
  • favicon.ico 内的各尺寸以 PNG 格式保存;目前主流浏览器都支持,但部分较旧的软件可能无法读取。
  • 不会生成 SVG 图标,也没有针对 Android “maskable” 图标的专门处理,请用留白设置调整。
  • 超过 1,600 万像素的图片会先缩小再处理;无法打开 HEIC/HEIF;保存的 PNG 不含 EXIF 等元数据。

数据来源