모션·UI PNG 시퀀스를 APNG 또는 GIF 단일 파일로 납품할 때 핵심은 용량·FPS·투명·재생 환경 계약입니다. 팔레트 한 번·GUI 프리셋 한 번으로 끝내면 색이 밀리고 바이트가 터집니다. 아래 2026 매트릭스, ffmpeg·gifsicle 예시, 원격 M4 검수 체크리스트로 동일 스펙을 반복 납품하세요.
시나리오와 납품 제약
mux 전 최대 바이트·목표 플랫폼(메일은 GIF 우선)·부분 투명 필요·FPS(12/24/30)를 README에 고정하세요. sRGB는 sRGB·P3 체크리스트, Lottie 원천은 Lottie→PNG 매트릭스, 정지 포맷 분기는 WebP/AVIF vs PNG와 맞춥니다. ① 바이트 초과 시 거절 ② FPS 혼선 시 QA 붕괴 ③ APNG는 메일 등에서 차단 가능.
| 제약 | 검수 게이트(예시) | 메모 |
|---|---|---|
| 바이트 | 스티커급 ≤300–800KB |
초과 시 FPS·해상도↓ |
| FPS | 12/24/30 SKU당 1티어 |
FPS↑=프레임·용량↑ |
| 알파 | RGBA vs 1비트 | GIF 부분알파 불가·APNG PNG 동일 |
| 루프 | N회 vs 무한 |
APNG -plays |
APNG vs GIF 대조표(용량·호환성·투명도)
GIF는 호환 넓음·APNG는 풀 알파·복잡 프레임에 유리한 경우가 많음. 메일·일부 CMS는 APNG 차단—목표 샌드박스에서 먼저 확인하세요.
| 항목 | APNG | GIF |
|---|---|---|
| 용량 | 그라데이션·알파에 유리할 때 많음 | 플랫·적색 작음·디더링 시 팽창 |
| 호환 | 모던 브라우저 양호·메일 취약 | 가장 넓음 |
| 투명 | 풀 알파 | 1비트+팔레트·매트 이슈 |
| 색 | PNG 프레임 유지 | 256색·밴딩 |
알파 점검은 투명 FAQ 후 첫·중간·끝 프레임으로 확장합니다. 동일 소스라도 GIF는 팔레트 단계에서 톤이 바뀌므로 승인 샷은 항상 최종 mux 파일 기준으로 잡으세요.
일괄 수출·검수 단계
원격 M4 등 전용 워커에서 ffmpeg·gifsicle 버전을 README에 고정하세요. 팔레트 생성·APNG mux는 CPU 부하가 크므로 노트북 대신 Apple Silicon 워커에 폴더 단위로 병렬 배치하는 편이 안전합니다. 큐 운영은 PNG 최적화·원격 Mac과 동일합니다.
실행 예: PNG → APNG (ffmpeg)
frame_%05d.png, FPS 24, 무한 루프 -plays 0(1회 -plays 1).
# 번호 PNG → APNG (macOS / Homebrew ffmpeg)
cd inbox
ffmpeg -y -framerate 24 -i "frame_%05d.png" -plays 0 -f apng ../out/hero_loop.apng해상도 축소 허용 시 4K PNG 배치 선행.
실행 예: PNG 시퀀스 → GIF (ffmpeg 팔레트)
# 팔레트 GIF (예: 24 fps, 최대 너비 720)
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.gifGIF 후처리 (gifsicle)
gifsicle -O3 --colors 128 -o ../out/hero_loop_opt.gif ../out/hero_loop.gif첫 프레임이 1이 아니면 -start_number N. 승격 전 ffprobe … hero_loop.apng|.gif로 메타 확인.
원격 M4 일괄 검수 체크리스트
- 치수:
ffprobe·스펙 WxH ±0px. - 길이:
프레임÷fpsREADME 오차 내. - 바이트:
stat -f%z≤max_bytes. - 투명: GIF 밝/어두 배경 매트·APNG 코너 RGBA(Figma·Sketch 투명).
- manifest: 도구 버전·sha256·합격 — OpenClaw PNG QA JSONL.
참고 수치: 스티커 ≤800KB, 팔레트 128, FPS 12/24/30 택1.
FAQ: 색 편차·용량 초과
색이 밀린다: GIF 256색—palettegen 재시도·필요 시 APNG. 마스터는 ICC·sRGB 먼저. 스크린 캡처를 다시 GIF로 만들지 말고 PNG 시퀀스에서 인코딩하세요.
용량 초과: FPS↓·해상도↓·중복 프레임 제거·자산 분할. GIF max_colors↓·gifsicle -O3. APNG는 프레임 PNG에 CLI 압축 게이트를 동일 적용합니다.
다음 단계: 원격 M4·구매
홈 → 구매·임대·요금(로그인 불필요). 장시간 배치는 도움말. 기술 인사이트: Figma 등 PNG 파라미터, iOS 아이콘 매트릭스.