대상: 9칸 PNG를 macOS에서보내는 디자이너·그로스/운영. 정사각 3×3 마스터, 앱 UI 아래도 버티는 안전 영역, @2x/@3x 합의, 9장 합산 바이트가 한 세트입니다. 원격 Mac mini M4에서 분할·무손실 최적화·매니페스트 검증을 고정하면 재현성이 좋아집니다.
구성: 플랫폼 결정 매트릭스, 검수 기준, 명명, M4 배치 파라미터, 투명·ICC FAQ. Retina는 SVG→@2x/@3x 매트릭스, 색은 sRGB/P3 체크리스트, 알파는 투명 FAQ와 맞추세요.
목차
2026 플랫폼 결정 매트릭스(9칸·단일 타일)
정사각 마스터를 3×3으로 나눈 셀 수출·풀 마스터·셀 안전 영역·@2x/@3x·9장 누적 PNG 바이트를 한 표에 묶었습니다. 2026 오가닉 기준 내부값이니 광고·법무·실기기는 별도 확인하세요.
| 표면(채널) | 셀 수출(W×H px) | 3×3 마스터(W×H px) | 안전 영역(셀당) | @2x / @3x 규칙 | 9타일 누적 예산(PNG) |
|---|---|---|---|---|---|
| 인스타그램 프로필 격자(정사각) | 1080×1080 | 3240×3240 | 히어로 타이포·로고는 셀 가장자리에서 ≥90px 안쪽; 얼굴은 바깥 8% 링에 두지 않기 | 최선명 격자는 @3×1080(3240) 마스터에서 작업·슬라이스. @2×1080(2160)만 쓸 경우 업스케일·샤픈 정책을 문서화 | 무손실 1패스 후 9장 합계 ≤9.0MB(셀당 평균 ≈1.0MB); 모바일 우선 계정은 단일 셀 1.8MB 하드 캡 권장 |
| 인스타 캐러셀(정사각 타일) | 1080×1080 | 3240×3240(동일 슬라이스) | 첫 장 상단 11%는 사용자명·스택 UI; 하단 12%는 캡션 겹침 프리뷰 여유 | 업로드 파일은 1×1080; 마스터는 디테일용 @3× 유지 | 9프레임 업로드 합계 ≤10.5MB(첫 타일 그라데이션 무거우면 소폭 상향 가능) |
| Facebook·Meta 피드(1:1 배치) | 1080×1080 | 3240×3240 | 텍스트용 바깥 최소 72px 패딩; 크롭 여유 위해 피사체는 중심 가중 | IG 마스터와 동일; 1080으로 한 번만 다운스케일—Lanczos 또는 포토샵 Bicubic Sharper | 9장 세트 ≤11MB; 유료 부스트 전 셀당 >1.2MB이면 플래그 |
| X(트위터) 대형 카드(단일 16:9) | 1600×900 | —(정사각 9칸 아님) | 1600 캔버스에서 핵심 카피는 중앙 1200×680 박스 안 | 웹+앱 프리뷰 병행 시 논리 800×450의 @2×로 설계 가능 | 9칸 해당 없음; 타임라인 디코딩용 PNG ≤5MB/파일 권장 |
| LinkedIn 피드(단일) | 1200×627 | — | 좌·하단 UI 고려 로고·CTA는 1040×520 내 | 마스터 2400×1254(@2×) 후 1200×627 수출 | 모바일 임원 피드 기준 자산당 ≤3.5MB |
| 틱톡 인피드 정지(9업 스타일 크로스포스트) | 세로 1080×1920 슬라이스는 드묾; IG 격자 재사용 시 1080×1080 셀 | IG 격자 재사용 시 3240×3240 | 상·하 150px UI 가정; 법적 문구는 하단 18% 밖 | 틱톡 네이티브는 1080×1920 전용 마스터 권장—정사각 셀 늘이기 금지 | 정사각 9장 재사용 시 IG와 동일 9MB 격자 예산; 세로 전용 세트는 별도 집계 |
@2x/@3x: 업로드가 1080px여도 마스터는 @3×(3240px)에서 슬라이스 권장. @2×(2160px)만 쓰면 다운스케일·단일 샤픈을 문서화하세요.
요구사항 분해 및 검수 기준
완료 조건을 파일 단위로 이진 판정하세요.
- 기하: 마스터 W·H가 3의 배수; 셀 크기 ±0px 동일.
- 색: sRGB IEC61966-2.1 임베드(P3 예외는 서면 승인).
- 알파: 불투명 셀 또는 매트 색 문서화 택일.
- 가독: 1080 셀 본문 캡 ≥42px, 히어로 ≥60px.
- 바이트: 표 행 임계 준수; 불필요 업스케일로 합산 픽셀 폭주 금지.
- 추적:
campaign_id,slice_index,preset_version,sha256,exported_at_utc.
흐름: 마스터 확정 → 슬라이스 → oxipng 등 무손실 → 해상도·ICC·해시 검증 → r0c0~r2c2 업로드. 실패 시 롤백.
슬라이스 규칙과 명명 템플릿
인덱스: r{row}c{col}, r0c0=좌상단.
수학: 셀=W/3×H/3; 나머지 픽셀 몰래 분배 금지.
명명 템플릿(소문자·정규식 친화):
{brand}_{campaign}_{yyyyMMdd}_grid3x3_r{row}c{col}_w{width}px_h{height}px_srgb_v{preset}.png
preset— 예:figma_export_v3,affinity_photo_2_6; 슬라이스 스크립트나 ICC 정책이 바뀔 때마다 증가.- 아카이브 원본에
_nocrop, 업로드 최종본에_upload접미사를 선택 적용해 경로 혼선 방지. - 검수 후 수동 개명 금지—재생성 후 재해시.
일괄 수출 및 일관성 검사(원격 M4)
원격 M4 권장. 예: inbox/master/, out/slices/, out/opt/, logs/*.jsonl.
ImageMagick 7(동일 3×3 분할): 마스터 PNG가 이미 sRGB이고 3의 배수일 때:
magick master.png -crop 3x3@ +repage +adjoin out/slices/cell_%d.png%d 순서는 설치마다 다를 수 있어 1회 검증 후 템플릿으로 rename.
macOS sips 빠른 감사: 셀별 픽셀·프로파일 확인
for f in out/opt/*.png; do
sips -g pixelWidth -g pixelHeight -g profile "$f"
done무손실: oxipng -o 4 --strip safe out/opt/*.png(ICC 정책에 맞게 strip 조정, 필요 시 sips --embedProfile).
검사: 셀 해상도·총 바이트·ICC(sRGB)·선택 pngcheck -v·1px 갭 → JSONL.
FAQ: 투명 가장자리·색 프로파일(ICC)
투명 가장자리가 셀 사이 이음새처럼 보이나요?
알파 평탄화·프린지 때문일 수 있습니다. 9칸은 불투명 우선. 알파 필수 시 밝은/어두운 배경에서 테스트하고 1px 이너 매트, 섀도는 슬라이스선 회피.
ICC는?
sRGB 임베드 권장. 최적화로 ICC가 빠지면 설정 변경 또는 sips --embedProfile. P3→소셜은 모니터링된 변환 파이프만 예외.
1080만 그리고 키우면?
업스케일은 헤일로·깨진 타입 위험. 마스터에서 작업 후 1080으로 1회 다운스케일. 4K 광고 원본은 경로 분리.