电商设计 / 运营把详情PNG长图拆成可渐进加载的切片时，需统一命名、体积与验收。下文为决策矩阵、验收清单与可执行步骤（导出参数、命名规则、最大单边像素、透明边），并附远程 Mac M4 目录与日志约定。关键词：PNG、电商、远程 Mac。
长图场景与性能风险
整页单张 PNG 把解码与弱网重试绑在一根绳上，超长边还易撞 CDN/小程序上限。拆片用多次小解码换可恢复加载，并便于运营局部换图。
| 信号 | 风险 | 决策 |
|---|---|---|
| 竖向 > 8000px | 卡顿、失败白屏 | 必拆；单张高 ≤2000px（按下表调） |
| 渐变/实拍为主 | 索引色 banding | PNG-24 优先；索引色仅 A/B |
| 透明叠底 | 灰边、端侧合成差 | 统一预乘 + 透明边验收 |
切片高度与断点对照表
在请求次数与单张体积间取平衡；表内为移动端常见起始值，需用真实 CMS 与埋点回压。
| 逻辑 viewport / 设计基准 | 推荐切片高度（px） | 备注 |
|---|---|---|
| 375 / 750 宽详情 | 1200～1600 | 首屏 1～2 张内填满 |
| 828 / 1242 设计稿 | 1400～2000 | @2x 倍数写入 manifest |
| 小程序单文件限额严 | 800～1200 或 WebP 槽位 | 与平台规则表锁定 |
导出：稿内标「切片线」并锁版；sRGB IEC61966-2.1；逻辑宽与 @2x/@3x 写入文件名或 sidecar，禁止前端猜尺寸。
PNG-24 vs 索引色阈值
扁平模块可试索引色，渐变留在真彩色；阈值写进验收单。
| 维度 | PNG-24 | PNG-8/索引 |
|---|---|---|
| 颜色数（抽样） | > 256 或大面积渐变 | 实心色块为主、边缘无柔光 |
| 透明需求 | 柔边透明、叠照片 | 硬边 UI、简单图标 |
| 体积 | 视觉优先 + 无损压 | 无 banding 且体积降 ≥25% 才采纳 |
dithering 见《PNG-8 矩阵》。
远程 Mac 批处理目录结构与日志
远程 Mac M4 固定目录，便于 manifest 只重跑失败切片。
- 目录：
~/detail-slices/{id}/含 source、out/png、placeholder、logs、failed、manifest.jsonl - 命名：
sku-{id}__detail__seg-{三位}__w{宽}__h{高}__@{倍率}x__v{版}.png - 最大单边：默认校验 8192px；平台若限 4096 则写进 YAML；超宽×高乘积拒收并记 manifest。
- 透明边：边缘 2px 内无孤立半透明岛；不透明白底剥 Alpha；叠图缝可 1px 实色描边。
- 日志：
logs/run-YYYYMMDD.log首行含rules_version、工具版、输入哈希。
验收：序号连续、manifest 一致、像素合规、透明/白底同主图规、失败仅重跑。
上线前懒加载与占位图验收 FAQ
占位要与正式图同尺寸吗？
须与容器 aspect-ratio 一致，否则 CLS 超标；LQIP/纯色均可，槽位写死在模板。
从第几张懒加载？
首 1～2 张优先加载，其余 loading="lazy"；以 LCP 实测锁配置。
断点能随便切图层吗？
避开正文行中与按钮中线；优先模块缝与纹理重复带，热区数据回写规范。
日志保留多久？
建议 ≥90 天大促期禁删；规则版可追溯到预设与脚本。