@网上用户
manifest.json（和图标放在网站根目录）
{
"name": "网站全称",
"short_name": "简称",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#ffffff",
"icons": [
{"src":"icon‑72.png","sizes":"72x72","type":"image/png"},
{"src":"icon‑96.png","sizes":"96x96","type":"image/png"},
{"src":"icon‑128.png","sizes":"128x128","type":"image/png"},
{"src":"icon‑144.png","sizes":"144x144","type":"image/png"},
{"src":"icon‑152.png","sizes":"152x152","type":"image/png"},
{"src":"icon‑192.png","sizes":"192x192","type":"image/png"},
{"src":"icon‑384.png","sizes":"384x384","type":"image/png"},
{"src":"icon‑512.png","sizes":"512x512","type":"image/png"}
]
}
### 文件备注
1. 所有图标文件放置网站根目录；
2. apple‑touch‑icon 图片不要留白边，苹果自动生成圆角；
3. 修改 href 路径，更换成你自己图标地址。
## 常见对照
- `image/png`：png 透明图片，网站图标首选
- `image/jpeg`：jpg 普通照片，**不支持透明**，不适合图标
- `image/x‑icon`：ico 图标格式，老式浏览器标签图标
### 简单一句话
type 就是告诉浏览器：你接下来加载的是什么格式的文件。