2026 디자이너 결정 매트릭스: Lottie 애니메이션 PNG 시퀀스 수출 — 프레임레이트·색·sRGB·원격 Mac M4 일괄 검수

스토어·애드 스펙은 Lottie보다 PNG 시퀀스를 자주 요구합니다. 난이도는 수백 프레임을 렌더러·FPS·sRGB 계약으로 재현하는 데 있습니다. 아래 2026 매트릭스로 FPS 티어, 명명·검증 임계값, 크로스 도구 일치, 재시도를 고정하고 원격 Mac mini M4에 배치만 넘기세요.

목차

① 결정 매트릭스: PNG 시퀀스 vs 라이브 Lottie

채널이 래스터를 요구하면 FPS·manifest가 있는 PNG 스트립을 기본으로 두고, 인앱 .json은 병행하세요.

시나리오 라이브 Lottie PNG 시퀀스
엄격한 픽셀 그리드(게임·아틀라스) 렌더러별 서브픽셀 필터 차이 권장 — 프레임마다 WxH·mip 정책 고정
스토어·애드 네트워크 스펙 금지·샌드박스인 경우 많음 권장 — 예측 가능한 래스터 업로드
색에 민감한 브랜드 마크 Skia·CoreGraphics·WebGL 경로 이탈 권장 — ICC 정책과 세트(아래 참고)
편집 가능한 모션 반복 권장 — 작은 JSON·빠른 수정 재렌더 비용 → 워커 자동화
60 FPS 긴 루프(>6초) 전송량 최소 디스크 부담 — 프레임당 바이트 상한 필수

② 수출 전 점검: FPS·길이·알파·모션 블러

합성을 계약으로 두고 JSON·래스터가 워크에리어·타임 리맵에 합의함을 증명하세요. 흔한 실패: 프레임 ±1, 매트, 모션 블러 차이.

  • FPS 잠금: 24·30·60 중 하나. 다운샘플 시 삭제 프레임을 README에 적습니다.
  • 프레임 수: ceil(초×수출_fps)로 기대값을 계산하고 스펙 대비 ±0만 허용합니다.
  • 알파: #000/#FFF 판에서 RGBA 샘플 — 절차는 일괄 투명도 FAQ와 동일하게 가져갑니다.
  • 미지원 이펙트: Bodymovin 비호환은 수출 전 플래튼.

③ 배치 파라미터·명명 템플릿·일괄 검증 임계값

README에 그대로 붙여 넣을 실행 파라미터입니다.

수출 FPS 티어(실행 기본값)

티어 FPS 용도 주의
A — 시네마틱 24 브랜드 필름, 지역 간 소셜 마스터 120 Hz 기기에서도 샘플은 24 — 스트로브 체감 점검
B — 웹 프로덕트 30 히어로 루프, 온보딩 코치마크 비디오 믹스 시 플레이어 클럭과 맞춰 중복 프레임 방지
C — 날카로운 마이크로모션 60 아이콘 펄스, 게임 VFX 시트 바이트 폭발 — 프레임당 max_bytes 강제

명명 템플릿(제로 패딩)

  • 템플릿: {product}_{animation}_v{semver}_f%05d.png — 예: payflow_onboarding_v1.4.2_f00037.png
  • 시작 인덱스: 전역으로 0 또는 1 하나 — README_JOB.md에 기록.
  • 로케일: 필요 시만 _ko-KR 접미.

배치 검증 임계값(승격 / 격리)

쉘·Make·워처에 바로 옮길 수 있는 숫자입니다.

게이트 임계값 힌트(macOS)
치수 스펙 대비 가로·세로 ±0px magick identify -format "%w %h\n" 또는 sips -g pixelWidth -g pixelHeight
프레임 개수 타이밍 계약의 N과 정확히 일치 한 작업 폴더로 범위를 한정한 find . -name "*.png" | wc -l
빈/멈춘 프레임 min_bytes ≥ 1200(스타일에 맞게 조정) stat -f%z — 필요 시 pHash 병행
비정상 무게 1080p UI 티어 예시 max_bytes ≤ 800000/프레임 16비트 쓰기·비압축 거대 파일 포착
알파 존재 SKU별 rgba vs 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 vs 래스터 진실

SKU당 고정 래스터 경로 하나만 납품 근거로 삼습니다.

  • 렌더러 락: AE+Bodymovin 등 시맨틱 버전·캔버스 스케일·배경색 + 프레임 sha256을 manifest.jsonl.
  • 색 계약: 임베드 ICC vs 무태그 sRGB vs P3 허용을 sRGB·P3 체크리스트와 동일 문구로 고정.
  • 스틸과 정렬: 명명·토큰·수출 박스는 일괄 PNG 납품 워크플로와 한 세트.

⑤ 실패 모드와 재시도 정책

  • 격리: quarantine/frames_120-140/ + stderr; out/ 비덮어쓰기.
  • 백오프: 2^n초(최대 120), 시도 ≤5.
  • 부분 재렌더: 실패 인덱스만 재실행 후 manifest 병합.
  • JSONL: 프레임당 바이트·WxH·도구 버전·pass/fail.

⑥ 요약

Lottie는 편집 소스, PNG 시퀀스는 제조 산출물. FPS·프레임 수·명명·치수·바이트·알파 게이트를 통과한 것만 승격하고, 무거운 패스는 원격 Mac mini M4로 분리하세요.

다음 단계: Lottie → PNG 배치용 원격 Mac M4

·대여·요금·도움말로그인 없이 열람 가능합니다. inbox/out·manifest만 표준화하면 팀 QA가 같아집니다. 관련 글은 기술 인사이트에서 이어서 보세요.

Apple Silicon 렌더 워커

Lottie 래스터화·PNG QA를 원격 Mac에서

PNG 스트립 렌더를 안정적인 M4 호스트로 넘기고, 도구 버전을 고정한 뒤 manifest에 서명된 프레임만 승격하세요. 스티커·아틀라스·스토어 패키지처럼 라이브 JSON만으로는 부족한 납품에 맞습니다.

지금 대여하기 요금·노드 보기 도움말·설정

마무리

FPS·색·게이트를 문서로 고정한 뒤 실행만 원격 Mac M4에 두면 맥북은 수정·원격은 렌더·검수에 집중합니다. 대여 페이지에서 노드를 고르고 동일 스크립트를 반복 실행해 보세요.

원격 Mac M4 · Lottie PNG 스트립 배치 렌더·검수
지금 대여하기