行銷愛用 Lottie，但商店與舊 CMS 仍常要 PNG 序列幀（貼圖、啟動畫、圖集）。難在讓 數百幀 跨 渲染器、FPS 與 sRGB 可重現。本文為 2026 交付矩陣：24／30／60 FPS 取捨、命名與驗證、閾值 攔空白／偏色，以及把柵格化交給 遠端 Mac mini M4。
① 決策矩陣：PNG 序列 vs 即時 Lottie
鎖管線前對照下表；通路風險高時偏向 PNG 條帶＋manifest（App 內仍可另配 .json）。
| 情境 | 即時 Lottie | PNG 序列 |
|---|---|---|
| 嚴格像素網格（遊戲、圖集） | 依渲染器而異的子像素濾波 | 建議——凍結 WxH 與每幀 mip 政策 |
| 商店／聯播素材規格 | 常禁用或沙箱化 | 建議——上傳可預期的點陣 |
| 色彩關鍵的品牌符號 | Skia／CoreGraphics／WebGL 路徑可能分歧 | 建議——搭配 ICC 政策（見下文） |
| 可反覆調整的動態迭代 | 建議——JSON 小、改稿快 | 重渲染成本；應在工作者上自動化 |
| 長迴圈（>6s）@60 FPS | 傳輸最小 | 磁碟負載大；須訂每幀位元組預算 |
② 匯出前檢查：FPS、長度、Alpha 與模糊
QA 常栽在 幀數差一、去底不一致、動態模糊 烘焙分歧。請以合成為 契約，並證明 JSON 與柵格化器在 工作區、時間映射一致。
- FPS 鎖定：
24／30／60擇一並全鏈路一致；降幀須明文記錄捨幀。 - 幀數：
ceil(duration_sec × export_fps)；尾幀多寡以規格 ±0 驗收。 - Alpha：預乘／直線須與引擎一致；#000／#FFF 底抽檢，對齊 批量透明 FAQ。
- 效果：不支援的外掛先扁平化，避免 JSON 與 PNG 各說各話。
③ 批處理參數、命名範本與批量驗收閾值
參數與任務夾同層發布，確保半年後仍可重跑相同位元組。
匯出 FPS 分級（可執行預設）
| 分級 | FPS | 適用 | 注意 |
|---|---|---|---|
| A — 電影感 | 24 |
品牌片、跨區社群母片 | 120 Hz 螢幕仍以 24 取樣；注意閃爍感 |
| B — 網頁產品 | 30 |
首屏迴圈、新手引導標記 | 與影片 mux 時鐘對齊，避免重複幀 |
| C — 銳利微動效 | 60 |
圖示脈衝、遊戲特效表 | 體積暴衝——強制每幀 max_bytes |
命名範本（零填補）
全 repo 單一模板，避免字典序亂序。
- 範本：
{product}_{animation}_v{semver}_f%05d.png，例：payflow_onboarding_v1.4.2_f00037.png。 - 索引起點：全域統一
0或1；FFmpeg、遊戲引擎與合成器常不一致——寫進README_JOB.md一次定案。 - 語系權杖：僅當同一動效因語系像素不同時才加
_zh-TW；勿把行銷文案塞進檔名以免 CMS slug 規則衝突。
批量驗收閾值（晉升／隔離）
以下數字可直接寫入 shell／Make／監聽設定。
| 閘門 | 閾值 | 工具提示（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 |
攔截誤寫 16-bit 或未壓縮巨檔 |
| Alpha 是否存在 | 依 SKU 預期 rgba 或 rgb |
magick identify -format "%[channels]\n" |
# 範例：以 zsh 掃描 inbox 維度飄移
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 整理僅在像素閘門之後執行。
④ 跨軟體一致性：Lottie JSON 與點陣真值
播放器在遮罩、合併路徑、模糊等處易分歧；每 SKU 只允許一條鎖定柵格路徑。
- 鎖檔：
manifest.jsonl記錄 AE＋Bodymovin 版本、畫布倍率、背景色、每幀 sha256。 - sRGB：內嵌 ICC、無標籤或 P3 分裝等規則須與靜態一致，見 sRGB／P3 清單。
- 交付：命名與匯出框對齊 Affinity／Sketch／Figma 批量 PNG 工作流。
⑤ 失敗模式與重試政策
散熱、字型、無頭 GPU 會造成間歇失敗；重試須寫進規格。
- 隔離：失敗區間入
quarantine/附 stderr，勿覆寫out/。 - 退避：sleep
2^n秒上限 120s；總嘗試 ≤5。 - 局部重跑：只重渲染失敗索引再併回 manifest。
- 稽核：JSONL 每幀記 bytes、WxH、工具版、pass／fail。
⑥ 總結
Lottie 是 編輯真值，PNG 是 製造輸出：鎖 FPS、凍幀數、用命名範本，僅在維度／位元組／Alpha 通過後晉升。長條帶請丟 遠端 Mac mini M4 專機，筆電專心改稿；夜間佇列與收件匣慣例可比照技術見解內 4K 靜態批量文。
下一步：租用遠端 Mac M4 跑 Lottie→PNG 批量與驗收
開啟 MacPng 首頁 了解場景，再到 購買／租用 與 價格與節點 比對方案——無需登入 即可瀏覽；接入步驟見 說明中心。節點就緒後，採用 inbox／out／manifest 目錄慣例，讓團隊對 PNG 條帶與靜態資產共用同一套 QA。更多交付矩陣見 技術見解 索引。