fix: 优化PRD截图体积,PNG转JPEG并缩小预览尺寸

- 截图格式从PNG转为JPEG(质量80%),设备缩放1x,总体积从3.9MB降至916KB
- md-viewer.html图片最大宽度从375px调整为280px
- 项目背景.md同步更新截图规范参数
- PRD.md中25处图片引用从.png改为.jpg

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
冯普
2026-04-14 16:13:36 +08:00
co-authored by Claude Opus 4.6
parent 42de3bae30
commit 212c220dcf
53 changed files with 30 additions and 30 deletions
+4 -4
View File
@@ -396,17 +396,17 @@ window.location.href = '../health-consult/consult-list.html';
**截图生成方式:**
- 使用 Playwright 对 HTML 原型文件进行无头浏览器截图
- APP 端截取 `.phone-shell` 元素,视口 460×920,设备缩放 2x
- APP 端截取 `.phone-shell` 元素,视口 460×920,设备缩放 1x
- Web 端截取完整页面,视口 1440×900,设备缩放 1x
- 输出格式:PNG
- 输出格式:JPEG(质量 80%),兼顾清晰度与文件体积
**截图存放:**
- 统一存放在模块的 `doc/screenshots/` 目录下
- 文件名与原型 HTML 文件名一致(去掉 `.html` 后缀),如 `find-expert.png`
- 文件名与原型 HTML 文件名一致(去掉 `.html` 后缀),如 `find-expert.jpg`
- 内嵌于其他页面的弹窗无需单独截图,在页面清单中标注即可
**PRD 中引用方式:**
- 在每个页面/弹窗的三级标题下方紧跟插入:`![页面截图](screenshots/xxx.png)`
- 在每个页面/弹窗的三级标题下方紧跟插入:`![页面截图](screenshots/xxx.jpg)`
- 使用相对路径(基于 `doc/` 目录),md-viewer.html 会自动补全为完整路径
**截图更新时机:**