Lottie 轻量,但商店、广告与旧栈常要 PNG 序列帧。难点是上百帧跨渲染器、帧率与 sRGB 仍可复现。本文为 2026 交付矩阵:场景对照、导出前检查、帧率·命名·校验阈值、跨软件一致性与重试,并说明为何用远程 Mac mini M4跑长批更稳。
交付对照:PNG 序列帧 vs 实时 Lottie
渠道若对像素/色彩/运行环境敏感,用序列帧并写 manifest;高频改版且体积极小可保留 JSON 主源。
| 场景 | 实时 Lottie | PNG 序列帧 |
|---|---|---|
| 严格像素网格(图集、游戏) | 各运行时滤波与子像素差异大 | 推荐:冻结 WxH 与每帧 mip 策略 |
| 商店 / 广告素材规范 | 常被禁用或沙箱限制 | 推荐:上传可预期栅格 |
| 品牌色准交付 | Skia / CoreGraphics / WebGL 路径可能分叉 | 推荐:配 ICC 合同(见下文) |
| 动效高频改版 | 推荐:JSON 小、迭代快 | 重渲成本高,宜上工位批处理 |
导出前检查(帧率、时长、透明与模糊)
常见翻车:差一帧、半透遮罩、运动模糊各工具烘焙不一。以主合成工作区为合同,核对 JSON 与栅格器对时间重映射一致。
- 帧率锁定:全局只选
24(影视与许多社交母版)、30(网页与 NTSC 友好)或60(微动效、游戏 UI)。禁止在 30fps 合成上「默默按 24 导出」却不写明丢帧规则。 - 帧数公式:期望帧数
N = ceil(时长秒 × 导出fps)(半开时间线);部分工具多吐一帧尾帧——验收对 spec 应为±0,不是「差不多」。 - Alpha 卫生:预乘 / 直通必须与读取引擎一致;在 #000 与 #FFF 衬底上抽检边缘,做法与静态 PNG 相同,可对照批量透明通道 FAQ 清单。
- 效果诚实:Bodymovin 不支持的插件应先栅格再导出,否则 JSON 预览与 PNG 真值会长期打架。
批处理参数(帧率档位、命名模板、校验阈值)
参数写入 README_JOB.md,便于半年后复现同一批字节。
导出帧率档位(默认可执行)
| 档位 | FPS | 典型用途 | 注意 |
|---|---|---|---|
| A 影视向 | 24 |
品牌片、跨区域社交母版 | 120Hz 屏上仍按 24 采样,注意频闪观感 |
| B 产品向 | 30 |
引导页循环、教练标 | 与视频 mux 时钟对齐,避免重复帧 |
| C 微动效 | 60 |
图标呼吸、游戏特效条 | 体积暴涨,必须配 max_bytes 上限 |
命名模板(零填充)
- 模板:
{产品}_{动画}_v{semver}_f%05d.png,例:payflow_onboarding_v1.4.2_f00037.png。 - 索引起点:全局统一
0或1;FFmpeg、引擎与合成器约定不同,务必写进 README。 - 多语言:仅当画面真不同时加
_zh-Hans等后缀;避免把营销长句写进文件名。
批量校验阈值(晋升 / 隔离)
下列数字可直接进 shell/Makefile;min_bytes 可按画风微调。
| 门槛 | 建议阈值 | macOS 探针 |
|---|---|---|
| 尺寸 | 宽/高相对规格表 ±0 px | magick identify -format "%w %h\n" 或 sips -g pixelWidth -g pixelHeight |
| 帧数 | 恰好 N(与时间线合同一致) |
对单作业目录 find . -name "*.png" | wc -l |
| 空白 / 卡死帧 | min_bytes ≥ 1200(扁平风可调低) |
stat -f%z;必要时加感知哈希 |
| 体积失控 | 1080p UI 档 max_bytes ≤ 800000 / 帧 |
防 16bit 或未压缩巨帧 |
| 通道 | 按 SKU 要求 rgba 或 rgb |
magick identify -format "%[channels]\n" |
# 示例:扫描 inbox 尺寸漂移(zsh)
spec_w=1080 spec_h=1080
for f in inbox/*.png(N); do
read w h <<<$(magick identify -format "%w %h" "$f")
[[ "$w" == "$spec_w" && "$h" == "$spec_h" ]] || print "FAIL $f ${w}x${h}"
done
ICC 与元数据须「先像素、后配置」,并与静态 PNG 合同一致。
跨软件一致性(JSON 与栅格真值)
播放器在遮罩、合并路径、模糊等处易分叉。每 SKU 只认一条固定栅格路径,勿以临时预览为准。
- 渲染锁:在
manifest.jsonl记录 AE + Bodymovin(或 CLI 渲染器)版本、画布倍率、背景色,并可选记录每帧 sha256。 - sRGB 合同:明确 PNG 须嵌入
IEC 61966-2.1、须为无标签 sRGB,或允许 Display P3——与静态图同一套表述,参见Mac PNG:sRGB 与 Display P3 导出验收。 - 设计交付对齐:命名、色板与导出画框与Affinity / Sketch / Figma 批量 PNG 参数工作流一致,让动效条带与静帧同库、无特例。
失败重试与隔离策略
散热、字体缓存、无头 GPU 会偶发抖动,重试应写进规格。
- 先隔离:失败帧段移入
quarantine/frames_120-140/并附 stderr,禁止覆盖已通过验收的out/。 - 退避:重试间隔
2^n秒,上限 120s;默认总尝试 ≤5,超出需人工开闸。 - 局部重渲:只重跑失败索引区间再拼回 manifest,避免在 M4 集群上整段重渲浪费 GPU 分钟。
- 自动化:每帧 JSONL 一行记录字节、WxH、工具版本、pass/fail,便于跨时区排障与回归对比。
总结与远程 M4 路径
Lottie 是编辑源,PNG 是制造产出:锁帧率、冻帧数、统一命名,尺寸/字节/通道/色彩全过再晋升。长序列栅格与质检交给远程 Mac mini M4,本机留给人改稿;运维上与 4K 静帧批导同类,只是文件更密、顺序更严。
下一步:租用远程 Mac M4 做批量渲染与验收
首页了解平台;租用与购买、节点与价格可免登录浏览。帮助中心协助上线;更多交付文见 技术见解。夜间长跑 Lottie→PNG 时,固定工位与 manifest 最能省返工。