格镜工具箱
视频转文字本地处理 · 不上传

图片工具

网站图标生成

生成多尺寸 PNG、ICO、PWA 图标清单与引用代码

本地处理 · 不上传免费使用无水印
点击选择,或把文件拖到这里PNG / JPG / WebP / SVG / HEIC 等图片，单张最大 40MB，本地处理

生成尺寸

16/32 常用于标签页，180 用于主屏幕图标；PWA 清单需保留 192 和 512。

路径需以 / 开头；应用范围以 / 结尾，启动路径应在其范围内。启动背景颜色不改变图标底色。清单与图标还需部署到网站，可安装性取决于网站的其他配置。

把下载包内全部文件放入上述站内目录，再把生成的代码贴入网页 head。ICO 使用 PNG 图层，适用于现代浏览器与较新系统。原图限 2400 万像素、8000 像素边长；动图或多帧 HEIC 仅使用首张静态图。SVG 请使用自包含文件，外部图片和字体不会加载。

什么是网站图标生成?

从一张图片生成多尺寸网站图标、多分辨率 ICO、PWA 图标清单及 HTML 引用代码。支持居中裁切、完整留边和内边距，全部本地处理。

能力亮点

  • 9 种 PNG 尺寸
  • 多分辨率 ICO
  • PWA 图标与清单
  • 真实文件引用代码
  • 预览、单项或打包下载

如何使用网站图标生成

  1. 1

    选择图片、所需尺寸和适配方式。

  2. 2

    填写清单信息与图标部署目录。

  3. 3

    生成并检查图标后下载，把文件部署到目录并加入引用代码。

常见问题

生成图标包后网站就能安装了吗？

图标和清单是网站配置的一部分，可安装性还取决于网站的安全连接与其他配置，需要在实际部署的网站验证。

512 像素图标为什么不放入 ICO？

ICO 的目录尺寸最大为 256。512 像素图标会单独导出为 PNG 并由 PWA 清单引用。

非正方形图片会拉伸吗？

不会。居中裁切会裁去长边，完整保留会留下空白；可设置内边距和图标背景颜色。

部署目录如何填写？

例如 /assets/icons/。将下载包全部文件放到这个目录；引用代码使用该目录，清单中的图标路径相对于清单自身，应用启动路径单独设置。