PNG-8은 용량 이점이 있으나 팔레트·디더링이 품질을 가릅니다. 납품 관점에서 PNG-24와의 분기 표, 디더링·팔레트 실행 체크리스트, 투명·화이트 검수, 원격 M4 배치·시간, 용량 임계 FAQ를 한 흐름으로 정리했습니다.
PNG-8 vs PNG-24 선택 표
납품 역할로 고르세요. 그라데이션·소프트 섀도가 많으면 PNG-8 이득이 줄어듭니다.
| 납품 시나리오 | PNG-8 권장 | PNG-24(또는 WebP/AVIF 병행) | 비고 |
|---|---|---|---|
| 단색·플랫 UI, 작은 아이콘 | 적합 | 선택 | 팔레트 ≤256, 알파 1비트 또는 8비트 tRNS 정책 합의 |
| 브랜드 그라데이션·소프트 섀도 | 디더링 허용 시만 | 기본 | 밴딩·노이즈 불만 시 PNG-24 유지 |
| 이커머스 제품 컷(화이트 배경) | 팔레트 고정·색 드리프트 검증 후 | 헤어·직물 디테일 | 화이트 QC는 이커머스 화이트 배경 배치 QC와 연계 |
| 마케팅 히어로·스킨톤 | 비권장 | 권장 | 색 관리: sRGB·P3 체크리스트 |
디더링·팔레트 매개변수 실행 체크리스트
메뉴명은 도구마다 다르지만 아래 값을 티켓·README에 숫자로 남겨 재현하세요.
- max_colors(또는 Colors): 32 / 64 / 128 / 256 중 팀 베이스라인을 정하고, 브랜드 1차 색은 팔레트에 반드시 포함되는지 확인.
- 디더링: Off → Error diffusion(Floyd–Steinberg 계열) 순으로 시험; 텍스트·얇은 선은 디더가 번질 수 있어 Off 우선 검토.
- 투명: 단색 투명만 필요하면 1비트 마스크 가능 여부; 반투명 필요 시 PNG-8은 원칙적으로 부적합 → PNG-24.
- 중간 파일: 16비트 또는 PNG-24 마스터에서 팔레트로 내리기; 소스는
sources/, 출력은dist/png8/로 분리. - pngquant 등 CLI:
--quality·--speed·--floyd(또는--nofs) 조합을 manifest에 문자열 그대로 기록. - 무손실 후처리: 팔레트 고정 후
oxipng/optipng로 IDAT만 재압축 — ICC·메타 정책은 팀의 PNG 무손실 재압축 가이드와 동일하게 맞출 것.
투명 가장자리·화이트 배경 검수 단계
- 이중 배경: 검정·밝은 회색·순백에서 동일 자산을 겹쳐 알파 프린지·어두운 테두리를 찾습니다.
- 레티나·CSS 크기: 논리 1x와 @2x 모두에서 디더 입자가 ‘의도된 질감’인지 ‘결함’인지 라벨링합니다.
- 화이트 납품: #FFFFFF와 미세하게 다른 배경(#FEFEFE 등)에 올려 하얀 띠가 보이면 매트·팔레트를 재조정합니다.
- 픽셀 샘플링: 가장자리 1px 라인을 돋보기로 확인해 반투명 그레이가 스펙에 맞는지 기록합니다.
- 승인 패키지: 대표 3종 스크린샷 + 파일명·바이트·도구 버전을 한 ZIP에 넣어 PM·프론트가 동일 조건으로 재현합니다.
원격 M4 배치 경로(스크립트·액션)·소요 시간 비교
원격 M4는 로컬 PC 부하를 줄이고 macOS·디스플레이 프로파일을 고정해 배치 재현에 유리합니다.
| 경로 | 구성 요소 | 적합한 규모 | 대략적 체감 (참고) |
|---|---|---|---|
| 디자인 앱 배치 수출 | Photoshop 액션·Sketch/Affinity 배치, 수동 프리셋 | 수십~수백 컷, 레이아웃 다양 | 사람 개입 많음 · 품질 통제 쉬움 |
| CLI 파이프라인 | pngquant → oxipng, 폴더 입력·manifest 출력 |
수백~수천 파일 | M4에서 병렬·SSD 시 로컬 노트북 대비 대기 시간 단축이 흔함 |
| 감시·큐 | inbox 폴더 + fswatch·launchd, 실패 분리 |
지속 납품·에이전트 파이프 | 운영 시간 분산 · 재현 로그 확보 |
자동 팔레트·바이트 게이트까지 포함한 운영 예시는 OpenClaw PNG 팔레트 순찰 글의 폴더 구조·임계값 패턴을 참고하세요. 대량 고해상도 원본에서 다단계 스케일을 뽑을 때는 기술 인사이트의 4K PNG 일괄 수출 글과 조합할 수 있습니다.
수출 후 용량 임계값 FAQ
Q: PNG-8인데 PNG-24보다 크게 나올 수 있나요?
A: 네. 복잡한 디더·PLTE+tRNS 오버헤드·필터 조합에 따라 역전될 수 있습니다. 반드시 동일 시각 품질에서 바이트를 비교하세요.
Q: 팀 용량 상한은 어떻게 정하나요?
A: 역할별(아이콘·썸네일·스프라이트)로 이전 릴리스의 p50/p90 바이트를 잡고, 초과분만 재처리하는 방식이 운영하기 좋습니다.
Q: 무손실 재압축만으로 PNG-8이 안전한가요?
A: 무손실 단계는 픽셀을 바꾸지 않으므로 팔레트·디더 결과가 이미 확정된 뒤에 적용하세요. 색 수를 줄이는 단계는 별도 승인이 필요합니다.
요약
PNG-8은 팔레트·디더·투명 정책이 문서화될 때 납품 신뢰도가 오릅니다. 원격 M4로 CLI·액션을 고정하면 대량 수출의 시간·재현성을 함께 잡습니다. 에셋이 늘수록 전용 Mac 대여로 본업 PC는 비우고 동일 검수선을 유지하세요.
다음 단계: 디자인 납품용 원격 Mac
MacPng 홈에서 서비스 개요를 확인하고, 구매·대여·요금에서 디자인 시나리오에 맞는 원격 Mac 노드를 고르세요. 연결·환경은 도움말을 참고하면 됩니다. 기술 인사이트 목록에서 ImageOptim 대 CLI 배치 압축 등 납품 관련 글을 이어 읽으면 파이프라인이 한 줄로 정리됩니다.