← 工具列表

网站图标生成器

一张图片即可生成 favicon.ico、各尺寸 PNG、apple-touch-icon 和 manifest。文件不会离开您的设备。

关于此工具

用一张图片生成整套网站图标：用于浏览器标签页的 favicon.ico（一个文件内含 16、32、48 三种尺寸）、多种尺寸的 PNG、iPhone 主屏幕用的 apple-touch-icon、Android 图标和可遮罩图标，以及 site.webmanifest，并打包成一个 ZIP。

它还会生成要粘贴到网站 <head> 中的代码，上传文件并粘贴代码即可完成。可以一边查看实际尺寸下的效果，一边调整背景色、内边距和圆角。

使用方法

  1. 把要做成图标的一张图片拖到页面上或点击选择。不必是正方形。
  2. 通过拖动和缩放，确定要放进图标的部分。
  3. 选择透明背景或彩色背景，并调整内边距和圆角。请确认在 16 像素预览中也能认出图标。
  4. 点击“下载 ZIP”获取文件并上传到网站，然后复制页面上显示的 <head> 代码并粘贴。

常见问题

ZIP 里有哪些文件？

favicon.ico、favicon-16x16、32x32、48x48、96x96 的 PNG，apple-touch-icon.png（180）、icon-192.png、icon-512.png、icon-maskable-512.png、site.webmanifest，以及包含 <head> 代码的 head-snippet.html。

什么是可遮罩安全区？

Android 会因设备不同把图标裁成圆形、圆角方形等各种形状。可遮罩图标在中心周围留有余地，无论怎样裁剪都能保留重要部分。打开安全区显示后，可以在屏幕上查看不会被裁掉的范围。

需要开启圆角吗？

通常关闭更好。iOS 和 Android 会在主屏幕上自动把图标的角变圆，事先做成圆角可能会变成双重圆角。

文件会上传到服务器吗？

不会。所有处理都在您当前使用的浏览器中完成。文件不会被发送到任何地方，因此不必担心照片或文档留在别人的服务器上。

免费吗？需要注册吗？

完全免费，也无需注册或登录。打开页面即可使用。

相关工具