32 lines
2.3 KiB
Markdown
32 lines
2.3 KiB
Markdown
|
# 促销图素材（Auto Login Manager — Chrome Web Store）
|
|||
|
|
|
|||
|
|
本目录为商店促销图交付物，尺寸已按官方规格**像素级精确**，可直接上传。
|
|||
|
|
|
|||
|
|
| 文件 | 用途 | 尺寸 | 必填 | 状态 |
|
|||
|
|
| --- | --- | --- | --- | --- |
|
|||
|
|
| `promo-440x280.png` | 小促销图 Small promo tile | 440x280 | 是 | ✔ 可直接上传 |
|
|||
|
|
| `promo-1400x560.png` | Marquee 大促销图 | 1400x560 | 可选 | ✔ 可直接上传 |
|
|||
|
|
| `promo_440.html` / `promo_1400.html` | 设计源文件 | – | – | 可改源码重新导出 |
|
|||
|
|
|
|||
|
|
## 素材说明
|
|||
|
|
|
|||
|
|
- **设计语言**：采用扩展真实界面视觉（深色主题 `#1a1a2e`、强调色 `#e94560`、卡片 `#16213e`），右侧面板为按真实 `popup.css` 样式绘制的界面缩略，如实反映产品功能（域名配置列表 + 一键填充 + 多环境）。
|
|||
|
|
- **文案语言**：促销图不分语言仅上传一次，采用英文主文案，与商店 `en` 列表口径一致（隐私卖点、单一用途表述与隐私政策一致）。
|
|||
|
|
- **全出血直角**：无圆角边框、无外框、无 padding，背景铺满整幅，符合 Chrome 官方 "full bleed" 要求。
|
|||
|
|
- **安全边距**：文字均保留安全区内，已在 440x280 / 1400x560 各分辨率下核对无裁切。
|
|||
|
|
|
|||
|
|
## 使用 / 再导出方法（如需微调）
|
|||
|
|
|
|||
|
|
1. 用任意编辑器改 `promo_440.html` / `promo_1400.html`（CSS 变量、文案、面板条目）。
|
|||
|
|
2. 用 Chrome headless 重新导出 PNG：
|
|||
|
|
```powershell
|
|||
|
|
& "C:\Program Files\Google\Chrome\Application\chrome.exe" --headless=new --disable-gpu `
|
|||
|
|
--hide-scrollbars --force-device-scale-factor=1 `
|
|||
|
|
--window-size=440,280 `
|
|||
|
|
--screenshot="promo-440x280.png" `
|
|||
|
|
"file:///E:/gitea/Chrome%20extension/auto-login/cws-store/promo/promo_440.html"
|
|||
|
|
# 1400x560 同理改 --window-size=1400,560 与对应 html
|
|||
|
|
```
|
|||
|
|
3. 若你希望促销图改用**真实运行的侧边栏截图**而非仿真面板，可把货真价实的界面截图替换进面板区域（把 `<div class="panel">` 换成 `<img src="你的截图">`），重导出即可。
|
|||
|
|
|
|||
|
|
> 提示：若商店中你给 zh-CN 语言也填了一套截图，促销图仍只需上传一次（官方不做本地化）。如需要中文文案版的促销图，可把左侧卖点与面板文字换成中文后重新导出本 README 提供的命令。
|