图片工具

准备网站图标

选择、拖入或粘贴一张图片

静态 JPEG/PNG/WebP · 15MB/16MP/8192px 单边

整张图片连同已有背景生成图标;平台遮罩可能裁切边缘。

网站图标设置

网站图标设置
精确位置与导出选项

Maskable:边长40%半径的中心保证圆。普通:favicon小尺寸取样。参考线和蒙版不影响导出。

普通图标

不放大时两套布局都按512px输出限制,摘要显示实际尺寸。

普通80% · maskable50%普通80% · maskable50%

请选择图片。

Logo 和设置只留在本页,不上传、不保存历史。

使用说明与常见问题

导入一次,切换功能无需重选。

分别调整普通与maskable图标的Logo位置,生成后检查实际文件。

如何准备图标

  1. 选择一张静态JPEG、PNG或WebP,分别调整普通与maskable布局。
  2. 核对小尺寸favicon取样与maskable保证圆,为touch和maskable选择不透明背景。
  3. 生成并检查实际PNG,下载ICO或ZIP,自行核对、合并网站片段。

区分网站图标用途

ZIP包含16/32px favicon PNG、内含16/32/48px PNG帧的真实ICO、180px不透明Apple touch图标、192/512px可透明普通图标,以及独立192/512px不透明maskable图标。普通与maskable布局独立;maskable保证区域是边长40%半径的中心圆,圆外内容可能被裁掉。参考线和预览蒙版不写入导出。

单张静态JPEG/PNG/WebP,输入15MB、16MP、单边8192px;资源包50MB、ICO 1MB,45秒检查点。默认不放大,以最大512px输出限制Logo尺寸。新PNG只做一次方向校正,不保留源元数据。

自行核对网站片段

manifest-icons.json只有icons字段,采用固定相对路径、实际尺寸和独立any/maskable用途;src相对于你的manifest位置解析。icon-links.html.txt仅是可选择文本,不执行。复制文件后自行调整路径;图标ZIP不是完整可安装PWA,名称、start_url、display、HTTPS和其他网站条件另行配置。

常见问题

普通与maskable图标一样吗?

布局独立。普通PNG保留透明度,touch与maskable明确补上你选择的不透明背景。maskable保证圆与Android adaptive几何不是一套规则。

ICO只是PNG改名吗?

不是,真实ICO容器内有16/32/48px PNG帧。已检查现代浏览器解码,不保证旧Windows程序或所有历史解码器。

会扫描或部署我的网站吗?

只使用本地图片;自行核对静态片段并集成,不抓取网站、不部署或安装PWA。