Lottie は軽量だが、ストア・広告・レガシー CMS では PNG 連番が残る。難所は数百フレームのレンダラー差・FPS・sRGB 意図の再現性だ。本稿は 2026 年版納品マトリクス：FPS ティア、命名・検収しきい値、ツール間差、リモート Mac mini M4でのバッチ手順。
このページの構成
① 意思決定マトリクス：ライブ Lottie と PNG 連番
チャネル要件と照合し、リスク列があれば連番＋マニフェストを正にする。
| シナリオ | ライブ Lottie | PNG 連番 |
|---|---|---|
| ピクセルグリッド（ゲーム・アトラス） | 実装依存の補間 | 推奨 — WxH／mip をフレーム単位で凍結 |
| ストア／広告の素材仕様 | 禁止・サンドボックス多め | 推奨 — 予測可能なラスタ |
| ブランド色がクリティカル | プレイヤー間で差が出やすい | 推奨 — ICC 方針を静的素材と同一表で縛る |
| 編集迭代が主目的 | 推奨 — JSON が小さく差分が速い | 再レンダー費用が高い → ワーカーで自動化 |
| 長尺 60 FPS ループ | 配線は軽い | ディスク負荷大 — フレーム max_bytes 必須 |
② 書き出し前チェック：FPS・尺・アルファ・モーションブラー
典型失敗：off-by-one、マット解釈差、モーションブラーの AE／ランタイム差。コンポを契約とし、JSON とラスタがワークエリア・タイムリマップで一致することを先に示す。
- FPS ロック：
24／30／60から選び、ダウンサンプル時は消えるフレームを README に残す。 - 枚数：
ceil(duration_sec × export_fps)。末尾 ±1 のツール差は±0ゲートで仕様に合わせる。 - アルファ：乗算／ストレートをエンジンと一致。#000／#FFF 縁確認は透明一括チェックリストに揃える。
- 非対応エフェクト：Bodymovin 非対応はラスタ前に焼く。
③ 批処理パラメータ：書き出し FPS・命名テンプレ・一括検証しきい値
ジョブ横の README に版と数値を固定する。
書き出し FPS ティア（そのまま運用できる既定値）
| ティア | FPS | 用途 | 注意 |
|---|---|---|---|
| A — シネマ | 24 |
ブランド映像、横断ソーシャルマスター | 高リフレッシュでも 24 のまま — ストロボ確認 |
| B — Web プロダクト | 30 |
ヒーローループ、オンボーディング | 多重化時はプレーヤークロックと整合 |
| C — 微細モーション | 60 |
アイコンパルス、ゲーム VFX シート | 容量急増 — フレームごと max_bytes を必須化 |
命名テンプレ（ゼロ埋め）
ソート事故を避けるゼロ埋めを標準化する。
- テンプレ：
{product}_{animation}_v{semver}_f%05d.png（例：payflow_onboarding_v1.4.2_f00037.png） - 開始 index：
0か1を README に明記。 - ロケール：差分があるときのみ
_ja-JP等。
一括検証しきい値（昇格／隔離）
シェル／Make／ウォッチャに渡す数値ゲート例。
| ゲート | しきい値 | macOS 側のヒント |
|---|---|---|
| 寸法 | 仕様シートとの WxH ±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④ クロスソフト一貫性と色彩：Lottie JSON とラスタの真実
マット／マージ／ぼかしは実装差が出やすい。SKU ごとにラスタパスを一本に固定する。
- レンダラ固定：ツール版・倍率・背景を
manifest.jsonlに sha256 と併記。 - sRGB 契約：ICC 埋め込み／無タグ／P3 可否を静的素材と同じ語彙で。sRGB／P3 チェックリストに合わせる。
- 納品パリティ：still と命名・トークン・書き出し箱を揃え、Affinity／Sketch／Figma バッチ WFへ接続。
⑤ 失敗モードと再試行ポリシー
サーマル・フォント・ヘッドレス GPU の瞬断を想定し、再試行を仕様化する。
- 隔離：
quarantine/frames_120-140/へ移し stderr 添付。out/は上書き禁止。 - バックオフ：
2^n秒（上限 120s）、試行は原則 5 回まで。 - 部分再レンダー：失敗 index のみ再生成してマニフェスト接合。
- JSONL：bytes・WxH・ツール版・合否をフレーム単位で残す。
⑥ まとめ
Lottie は編集ソース、連番 PNG は製造物。FPS ティア・枚数・命名を凍結し、寸法・バイト・アルファで昇格させる。長尺ラスタはリモート Mac mini M4に寄せ、静止画バッチと同様にマニフェスト運用へ。
次のステップ：バッチレンダーと検収にリモート Mac M4
ホーム、購入・レンタル、料金はログイン不要で比較可。接続はご利用ガイド。関連記事は技術インサイト。
Apple Silicon レンダーワーカー
Lottie→PNG 連番をリモート M4 で安定運用
PNG ストリップを M4 にオフロードし、版固定＋マニフェスト昇格のみ。