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:
@@ -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 中引用方式:**
|
||||
- 在每个页面/弹窗的三级标题下方紧跟插入:``
|
||||
- 在每个页面/弹窗的三级标题下方紧跟插入:``
|
||||
- 使用相对路径(基于 `doc/` 目录),md-viewer.html 会自动补全为完整路径
|
||||
|
||||
**截图更新时机:**
|
||||
|
||||
Reference in New Issue
Block a user