PNG 连番之后常要单文件动图:APNG 或 GIF。合同核心在体积、帧率、透明与播放端。本文为 2026 矩阵:场景约束 → 对照表 → ffmpeg/gifsicle 可复制命令 → 远程 M4验收清单。读完你可直接写进 README 的帧率档、字节上限与门禁命令,避免「本机试过一次」式不可复现。
场景与交付约束
封装前在 README_DELIVERY.md 固定:单文件上限、目标端(邮件常只认 GIF)、是否要半透明边、帧率档(12/24/30)与循环次数。色彩与静帧一致,先读 sRGB/P3 验收;GIF 调色板易改肤色。混用静帧格式时对齐 WebP/AVIF 与 PNG 混合交付,避免运营与工程各说各话。
痛点:(一)同 SKU 混帧率或循环未写明,验收口径分裂。(二)部分 CMS/邮箱禁用 APNG,对外承诺前须沙箱验证。(三)GIF 仅一位透明,软边必取舍;Lottie 栅格请先锁 PNG 序列帧合同再封装,否则动图与序列帧会长期打架。
APNG vs GIF 对照表(体积、兼容性、透明度)
GIF播放面最广;APNG保留 PNG 级透明与渐变,但邮件等环境常弱。体积无绝对赢家:扁平 UI 与少色 GIF 往往更小;摄影噪点或多层半透明时 APNG 常更稳。务必在目标沙箱实测再对外承诺。
| 维度 | APNG | GIF |
|---|---|---|
| 体积 | 复杂渐变常更省;帧大则易肥 | 扁平色块常小;强渐变抖动则暴涨 |
| 兼容性 | 现代浏览器好;邮件多弱 | 最广 |
| 透明度 | 完整 Alpha | 一位透明;软边易脏 |
Alpha 抽检延续 透明 FAQ,动图抽首/中/尾帧衬底对比。
批量导出与验收步骤
ffmpeg 放远程 M4专机,避免占满本机 Figma;版本写入 README。缩尺母带见 四 K PNG 指南;队列节奏可对照 PNG 体积优化方案。
PNG 连番 → APNG
frame_00001.png 起、24fps;-plays 0 无限循环。
cd inbox
ffmpeg -y -framerate 24 -i "frame_%05d.png" -plays 0 -f apng ../out/hero_loop.apng
PNG 连番 → GIF(调色板)
ffmpeg -y -framerate 24 -i "frame_%05d.png" -vf "fps=24,scale=720:-1:flags=lanczos,split[s0][s1];[s0]palettegen=max_colors=128[p];[s1][p]paletteuse" ../out/hero_loop.gif
gifsicle 压缩
gifsicle -O3 --colors 128 -o ../out/hero_loop_opt.gif ../out/hero_loop.gif
连番非 1 起在 -i 前加 -start_number N;封装后 ffprobe -show_streams -select_streams v:0 看宽高、时长与帧节奏是否符合 README。
M4 验收清单:(一)ffprobe/identify 宽高与规格 ±0。(二)墙钟时长与 帧数÷帧率一致,尾帧是否多一帧写进合同。(三)stat -f%z ≤ max_bytes。(四)透明按 Figma/Sketch 透明对比在浅深衬底目检。(五)ffmpeg、gifsicle 版本与输入摘要写入 JSONL,对齐 OpenClaw 批量质检。
FAQ(偏色、体积超标)
偏色:GIF 每帧至多二百五十六色,渐变易断层发脏;可先减模糊与噪点,或改 APNG。品牌若卡数值级 sRGB,母带走 ICC 无损清单,勿只在 GIF 编码器里硬拉曲线。
体积:优先降帧率,再缩短循环与缩像素,删重复停留帧。GIF 降 palettegen 色数并再跑 gifsicle -O3;APNG 确认帧非十六位未压缩巨图,并套用 CLI 压缩步骤里的字节门槛做晋升。
下一步:租用远程 Mac M4 做动图编码与验收
通宵批量封装请用远程 M4专机。首页;购买租用、套餐价格免登录;帮助。更多见 技术见解:设计工具 PNG 工作流、图标交付矩阵。