面向设计师与前端：批量导出时混用现代格式，易在色彩、透明与体积上破坏素材一致性。本文用一张表对比色彩空间、sRGB、透明度、体积阈值，附五步导出与前端验收清单；可在远程 M4上统一抽检。📐
① 批量导出与混合格式痛点
同一批次里混 PNG 与现代格式时，常见坑：色彩有的嵌配置有的靠默认 sRGB；透明有损后出现脏边；体积无阈值则同功能图标差一个数量级；环境每人显示器与工具版本不同，素材一致性难复现。对策是先定规则表与验收清单，再在同一台远程 M4上抽检。延伸阅读：三款工具批量导出 PNG 工作流、透明序列与 WebP 协同。
② 对比表：色彩空间、sRGB、透明度、体积阈值
阈值按同类资产理解，可随项目调整。
| 格式 | 色彩空间 | sRGB 约定 | 透明度 | 体积阈值（经验） |
|---|---|---|---|---|
| PNG | RGB，可嵌 ICC | 全量嵌入或全量剥离，与代码声明一致 | 完整 Alpha，适图标与无损叠加 | 简单图标二倍 <120KB；复杂插画 <400KB |
| WebP | 有损为 YUV | 写明是否嵌 ICC，按 sRGB 验收 | 支持 Alpha，有损注意半透明 | 较 PNG 常小 25%–40%；首屏候选二倍 <180KB |
| AVIF | 多为 YUV | 文档约定 sRGB，固定导出预设 | 支持 Alpha，编码更慢 | 较 WebP 再省 约15%–30%，需留解码测试 |
混用：小图标与像素一致走 PNG；大图照片走 WebP 或 AVIF；附说明表写清格式与倍率。
③ HowTo：混用导出五步
- 色彩：稿内统一 sRGB，约定嵌或剥 ICC。
- 分工：透明 UI 走 PNG，大图走 WebP 或 AVIF。
- 质量：有损档位全团队同一编号，检查半透明阴影。
- 批量：预设一次出一二倍，文件名带倍率后缀。
- 抽检：在远程 M4抽 5%–10% 看体积与色偏，再打包。压缩流程见压缩交付三步。
④ 可引用口径
- 图标 PNG 二倍普遍超 120KB 应评估 WebP 或减层。
- 首屏关键图二倍建议 <180KB。
- 抽检不低于 5%，须含半透明与细线样张。
⑤ 交付前端的验收清单
- 色彩：全站 sRGB，各格式嵌剥策略一致并有文档。
- 倍率：一二倍齐，命名与组件对应。
- 透明：彩底预览无脏边；动效帧格式统一。
- 体积：对照阈值，超标需备注原因。
- 回退：说明 AVIF 不可用时用 WebP 或 PNG。
- 可复现：记录工具版本，可在远程 Mac重跑批次。