대상: Android .9.png로 HUD·재사용 크롬을 넘기는 디자이너·프론트엔드. 필요한 것은 장식이 아니라 1px 제어 프레임 계약, 밀도 정확 수출, 그리고 Figma와 Gradle 사이를 줄이는 이진 QA입니다.
성과: 스트레치와 패딩(콘텐츠 인셋)을 한국어로 풀어 쓰고, 1px 보더·ICC 선택을 표로 고정하며 원격 Mac mini M4에서 돌릴 배치 파라미터를 제안합니다. 색·그리드는 sRGB 대 Display P3 체크리스트, 벡터 정렬은 Figma PNG 픽셀 정렬, 감시형 QA는 OpenClaw PNG 일괄 검수와 연결하세요.
규범 해석
깨짐은 대개 기하·메타데이터이며 실기기 스케일 후에 드러납니다: 좁은 스트레치(1px 잡음), 패딩 표식과 Figma 세이프 존 혼선, 링의 반투명 회색, 무태그 ICC가 P3 스튜디오와 sRGB 폰에서 다르게 보이는 현상.
바깥 1px 테두리는 장식이 아니라 메타데이터입니다. 상·좌 검정은 스트레치 열·행, 하·우 검정은 패딩(콘텐츠 인셋)입니다. 보더는 불투명 검정 또는 완전 투명만 허용하고 코너는 투명으로 두어 축별 표식을 분리해 읽게 하세요. 내부 아트는 링에서 최소 1px 안쪽에 두어 리샘플러가 스커트를 건드리지 않게 합니다.
비교표: 1px 보더·투명 가장자리·배율·sRGB 수출
스튜디오 표준이 달리 정하지 않았다면 기준은 전통적 mdpi 네이밍을 가정했습니다. 아래 표를 디자인–빌드 계약서로 쓰세요.
| 주제 | 1px 보더 규칙 | 투명 가장자리 | 배율(@1x / @2x / @3x) | sRGB 수출 |
|---|---|---|---|---|
| 스트레치 표식(상·좌) | 연속 검정; 네이티브 수출에서 축당 ≥2px 폭 권장 | 비표식 셀은 완전 투명 | 베이스라인을 1.0 / 1.5 / 2.0 / 3.0으로; 이중 반올림 금지 | sRGB IEC61966-2.1 임베드; P3는 서면 승인 시만 |
| 패딩 표식(하·우) | 티켓에 찍힌 인셋과 일치; 비대칭은 명시 없으면 대칭 | 코너 투명으로 두 축 디코딩 보장 | 수출 후 레이아웃 인스펙터에서 dp 재확인 | 스트레치와 동일 ICC·단일 툴체인 |
| 내부 아트워크 | 라이브 픽셀은 링에서 ≥1px 안쪽 | 페더는 링 아래가 아니라 내부에만 | 목표 밀도에서 래스터; 다운스케일 샤픈은 문서화 | sRGB 후 무손실 재압축; 매니페스트에 ICC 로그 |
미니 체크: .9.png 접미사 · 상·좌 스트레치 ≥1축 · 패딩 0은 티켓 명시 · 코너 2×2 투명 · 제어 픽셀 RGB 1–254면 실패.
일괄 수출 워크플로
순서를 고정하면 야간 QA와 완료 정의가 흔들리지 않습니다.
- 로직 동결: dp·코너 R·늘어나는 변을 확정하고 밀도당 마스터 1벌.
- 표식은 마지막: 픽셀 스냅 오버레이로 그린 뒤 병합·diff 감사.
- 폴더:
drawable-*dpi/flavor 일관 → CI 글롭 상한. - 단일 툴체인:
sips또는 ImageMagick으로 ICC 혼선 최소화. - 게이트: 알파 필수; 링 RGB 1–254 거절; 홀수 치수 정책 준수.
- 매니페스트:
sha256·치수·density·icc·프리셋 버전 동봉.
흔한 색상 왜곡·계단 FAQ
늘린 뒤 중성색이 색깔 도는 느낌인가요?
프리멀티플라이드 가장자리와 잘못된 감마가 회색을 비틉니다. 스트레이트 알파를 쓰고 sRGB를 임베드한 뒤 중급 sRGB 폰에서 미리 보세요.
반복 구간에 헤어라인 이음새가 보이나요?
스트레치 존이 너무 얇거나 그라데이션을 포함합니다. 솔리드 스트레치 띠를 넓히고 그라데이션은 고정 행으로 옮기세요.
WebP로 nine-patch를 대체할 수 있나요?
클래식 View nine-patch와는 바꿔 끼우기 어렵습니다. 벡터나 Compose 이행은 별도 에픽으로 분리하세요.
원격 M4 일괄 처리 파라미터 제안
원격 Mac mini M4 야간 패스로 노트북을 비우고, 통합 메모리로 중형 PNG 다수+알파 통계를 안정적으로 돌리세요. 오탐이 줄면 임계를 조입니다.
- 병렬: ImageMagick 워커 ≤ 물리 코어 − 1.
- 디바운스: 마지막 쓰기 후 20–40초 조용할 때까지 QA 대기.
- 알파 먼지: 링에서 2px 이내 알파 1–254면 면제 없이 실패(예외는 티켓).
- 바이트: xhdpi HUD <180KB·크롬 ≤400KB(애니 없음) 초안.
- ICC: 임베드 sRGB 필수 또는 매니페스트 옆에 무프로파일 면제 문서.
요약·전환
Nine-patch는 래스터 안에 박힌 레이아웃 API입니다. 1px 계약을 지키고 스크립트 게이트를 두면 저가 단말에서 “거의 맞는” 크롬을 줄일 수 있습니다. 원격 Mac M4는 아트 디렉터 수출 환경에 가깝고, 컴프 작업용 노트북을 비워 줍니다.
한동안 로그인 없이 MacPng 요금·노드를 열람할 수 있으니, Apple Silicon에 QA를 고정하려면 원격 접속 가이드를 함께 확인하세요.