PDF to PNG는 단순해 보이다가 마케팅에 흐릿한 아이콘이 들어가거나, 이커머스에서 작은 글자가 계단 현상으로 깨지거나, Figma 승인 색과 CMS에 올린 색이 달라지는 순간 난이도가 올라갑니다. 벡터 PDF를 예측 가능한 픽셀로 굳혀야 하는 디자이너, 납품 리드, 운영·소재 담당을 위한 플레이북입니다. DPI와 스케일 의사결정 매트릭스, sRGB 대 Display P3 색 관리 요약, 일괄 수출 흐름, 교차 화면 검수 단계, 그리고 안정적인 원격 Mac에서 돌리는 방법을 한 문서에 묶었습니다. 기존 Mac PNG 색 관리(sRGB·P3) 체크리스트·Affinity·Sketch·Figma 일괄 PNG 파라미터·디자이너 효율 PNG 수출 가이드와 함께 보면 설계→래스터→납품까지 끊김이 줄어듭니다.
시나리오와 리스크(흐림·색 어긋남)
PDF는 벡터·타이포를 보존하고, PNG는 픽셀을 고정합니다. 실패는 대개 스케일이나 색 해석 불일치이지 “PNG가 고장”인 경우는 드뭅니다.
- 흐림·경계 뭉개짐: 최종 표시 그리드보다 낮은 해상도로 래스터한 뒤 CMS·브라우저에서 다시 확대할 때. 얇은 선과 작은 네거티브가 사라집니다.
- 곡선 계단: 홀수·분수 스케일로 수출하거나, 렌더러가 정수 픽셀 정렬을 기대할 때 슈퍼샘플을 끈 경우.
- 색 어긋남: PDF는 한 프로파일로 태그되어 있는데 엔진은 다른 작업 공간으로 래스터하고, PNG에는 명시적 sRGB 변환 없이 저장 — 특히 Display P3 Mac에서 승인했으나 웹 스택은 sRGB를 가정할 때 흔합니다.
- 이중 감마 체감: 임베드 ICC를 무시하는 뷰어로 연 PNG와 브라우저 해석이 어긋나 “파일이 틀렸다”로 보고되는 경우.
- 투명 예외: PDF 평탄화 시 매트 색이 들어가 다크 모드에서 알파 가장자리 헤일로 — 웹 배경 계약과 평탄 규칙이 맞아야 합니다.
DPI를 만지기 전에 티켓에 한 줄만 적으세요: 목표 CSS 너비 × 디바이스 픽셀 비율(예: 360 px × 2). 이 숫자 하나로 “더 선명하게 다시 수출” 루프 대부분이 사라집니다.
DPI와 스케일 전략 의사결정표
DPI는 도구가 PDF 페이지 단위를 물리 인치에 매핑할 때 의미가 큽니다. 제품 팀에게 픽셀 가로·세로가 진실이고, DPI는 파생 손잡이로 보는 편이 안전합니다. 아래 표로 래스터 경로를 고르고 이중 스케일을 피하세요.
| 납품 의도 | 목표 픽셀(예) | 래스터 규칙 | 흔한 함정 |
|---|---|---|---|
| 웹 UI @1× | CSS 픽셀 그리드와 정확히 일치(예: 24×24 아이콘) | 정확한 WxH로 래스터; 미리보기 100% 검증 | @2×로 수출 후 CMS에서 축소 → 아이콘 뭉개짐 |
| 웹 UI @2× / 레티나 | CSS 크기 × DPR(예: 360px 칼럼용 히어로 720px 폭) | 한 번에: PDF → 최종 픽셀 PNG | 레이아웃 너비와 무관하게 72 DPI만 고집 |
| 마케팅 PDF 슬라이드 → 소셜 정지 이미지 | 플랫폼 스펙(1080×1350, 1200×628 등) | 아트보드 맞춤; 블리드 크롭; 장변 명시 | 레터 용지 페이지를 72 DPI만으로 래스터 → 캔버스 과소 후 업스케일 |
| 인쇄→웹 파생 | 300 DPI 마스터에서 축소 | 벡터 PDF 마스터 유지; 웹 PNG는 별도 파생 | 300 DPI PNG를 리사이즈 없이 재사용 → 용량·선명도 모두 어긋남 |
| 공급 PDF에서 SKU 카드 일괄 | 슬롯별 정규화 WxH | 스크립트: 페이지 루프, crop box, 고정 density → resize | 페이지 크기 제각각 → 패딩·종횡비 불일치 |
CLI 자동화 시 미스터리 프리셋보다 -density와 -resize(또는 명시적 픽셀 기하)를 권장합니다. 명령을 저장소에 문서화하면 원격 Mac에서의 일괄 수출이 마케팅 노트북과 동일하게 재현됩니다. 대형 프레임은 원격 Mac M4·4K PNG 일괄 수출과 병행하세요.
색 공간과 수출 파라미터(sRGB / Display P3)
PDF to PNG의 색 관리는 계약입니다: PDF가 의미하는 프로파일, 래스터 엔진이 쓰는 작업 공간, PNG가 선언하는 프로파일을 맞춥니다. 아래는 2026년 웹·앱 납품에 쓰기 좋은 기본 매트릭스입니다.
| 단계 | sRGB | Display P3 | 팀 결정 |
|---|---|---|---|
| 크리에이티브 마스터(디자인 도구 PDF) | 범용 기준선; 대부분 CMS·Android sRGB 경로와 정합 | Apple 하드웨어에서 색역 넓음; sRGB로 내릴 때 색역 외 경고 주의 | 브랜드 시스템당 권위 있는 마스터 프로파일 하나 선택 |
| 래스터화 작업 공간 | 납품과 맞추면 왕복 변환 감소 | 다운스트림이 광역 PNG를 명시 지원할 때만 P3 유지 | 다수 팀: 공개 PNG는 sRGB로 래스터 |
| PNG 출력 | 8비트 RGBA; ICC 임베드는 정책에 따름 | 8비트 P3 PNG는 웹에서 드묾 — 브라우저·CDN 정책 먼저 확인 | 임베드 여부를 PNG 수출 규칙 README와 동일하게 문서화 |
| QA 프리뷰 | 알려진 sRGB 모니터 또는 시뮬레이션으로 검증 | P3 MacBook은 내부 크리에이티브 사인오프용 스팟만 | 보정 없는 광역 디스플레이만으로 최종 승인 금지 |
배치 스크립트·액션 플로우
운영 규모의 일괄 수출은 멱등성이 핵심입니다: 동일 입력·동일 출력·동일 로그. macOS에서는 Automator, 단축어, Adobe 액션, 또는 sips·ImageMagick·Ghostscript 등과 셸 루프를 조합합니다(라이선스·PDF 복잡도에 따라 선택).
- 입력 정규화: PDF를
inbox/pdf에 두고, 암호 보호 파일은 사유 코드와 함께failed/로 분기. - 치수 고정: 매니페스트 CSV 한 장:
basename, target_w, target_h, color_intent. 스크립트는 매니페스트만 읽고 페이지 크기로 추측하지 않음. - 래스터: 페이지·아트보드마다 목표 이상으로 렌더한 뒤 필요 시 선명 다운스케일(업스케일보다 유리). 실제 WxH·바이트 로그.
- 색 변환: 기록 전 명시적 sRGB 변환;
pngcheck나 Pillow 등으로 알파·ICC 선택 검사. - 배포: PNG를
out/에 쓰고 티켓용manifest.jsonl·대형 카탈로그는 체크섬 첨부.
명명·재시도·격리가 중요하면 OpenClaw PNG QC(원격 Mac)·감시 폴더 PNG 이름 변경와 교차 참고하세요 — 에이전트든 Bash든 폴더 규율은 같습니다. 압축 단계는 ImageOptim vs CLI 납품 3단계와 이어 붙일 수 있습니다.
교차 화면 일치 검수(수락 단계)
PDF to PNG 배치를 “완료”로 찍기 전에 아래 블록을 사용하세요. 픽셀 검사는 일괄 PNG 투명도 FAQ와 보완됩니다.
| 단계 | 할 일 | 합격 기준 |
|---|---|---|
| 1 | 매니페스트 행 대비 WxH·파일 크기 측정 | 불일치 0건; 이상치는 qa.csv에 플래그 |
| 2 | 히어로를 미리보기 + Safari/Chrome에서 100%·의도 CSS 크기 | 의도치 않은 뭉개짐 없음; 목표 DPR에서 글자 선명 |
| 3 | #FFFFFF·#121212 배경에 올리기 | 헤일로 없음; 브랜드색은 토큰 대비 합의 Δ 이내 |
| 4 | sRGB 기준 디스플레이 vs 광역 Mac(문서화된 조건) 비교 | 기대 동작이 적힌 색 의도와 일치 |
| 5 | 원격 Mac에 명령·앱 버전 아카이브 | 다른 엔지니어가 SSH 한 세션으로 수출 재생 가능 |
FAQ
Q: 웹용 PDF→PNG에 DPI는 얼마?
A: 먼저 최종 픽셀 치수를 정하세요. 도구가 DPI만 줄 때는 페이지 포인트와 목표 픽셀로 역산합니다. 유효 DPI를 높여 샘플을 늘리고 목표로 다운스케일하면 가장자리가 깔끔해질 수 있지만, 너비 스펙을 DPI 수학으로 대체하지는 마세요.
Q: Mac 미리보기와 Windows Chrome이 다릅니다.
A: 임베드 프로파일 정책, CMS 색 필터, 보정된 sRGB 디스플레이 대조를 확인하세요. 심화는 sRGB·Display P3 체크리스트를 참고합니다.
Q: PDF→PNG를 완전 헤드리스로 일괄 가능한가요?
A: 가능합니다. 폰트와 macOS 버전을 동일하게 고정하세요. 헤드리스 출력이 흔들리는 1순위 원인은 누락 폰트 — PDF에 서브셋 폰트를 넣거나 원격 Mac에 동일 폰트 팩을 설치하세요.
Q: 웹 PNG에 ICC를 넣어야 하나요?
A: 제품당 한 번 결정하면 됩니다. 임베드는 일관성에 유리하고, 생략은 레거시 스택과 맞출 때 씁니다. 핵심은 디자인·운영·프론트가 동일 규칙을 공유하는 것입니다.
요약
견고한 PDF to PNG 납품은 매트릭스 문제입니다: DPI와 기하를 실제 픽셀 목표에 고정하고, Display P3 작업과 sRGB 출하 사이 색 관리를 의도적으로 변환하며, 매니페스트로 일괄 수출을 자동화하고, 노트북 한 대의 미리보기가 아니라 교차 화면으로 사인오프하세요. 전용 원격 Mac 노드는 야간 배치·동결 툴체인·SSH로 재현 가능한 명령을 분산 팀에 현실적으로 만듭니다.
다음 단계: 원격 Mac 패키지(로그인 없이 열람)
디자인 자동화·납품 가이드를 더 보려면 기술 인사이트 목록으로 이동하세요. 장시간 일괄 수출과 재현 가능한 색 관리 QA를 안정 호스트에서 돌리려면 MacPng 구매·대여·구매실(패키지)·요금을 로그인 없이 비교한 뒤, SSH/VNC 도움말로 접속을 마무리하면 됩니다. 혼합 포맷 납품은 WebP·AVIF·PNG 일괄 검수로 이어가세요.