디자이너·운영·콘텐츠·프론트 에셋 담당자를 대상으로, Mac에서 일괄 수출 후 PNG 일괄 압축으로 용량을 줄이고 로딩을 개선하는 방법을 정리했습니다. ImageOptim(GUI)과 CLI(pngquant, optipng) 중 어떤 것을 쓸지가 디자인 소재 납품의 속도·화질·자동화에 직결됩니다. 본문에서는 바로 참고할 수 있는 비교표, 실행 가능한 납품 3단계 체크리스트(수출 규격 → 도구 선택 → 납품 전 검증), 자주 쓰는 명령어 파라미터를 제시하며, Mac 또는 원격 Mac에서 안정적으로 일괄 압축을 돌리는 방법을 안내합니다.
① 디자이너 일괄 PNG 압축 페인포인트와 선정 기준
Figma·Sketch·Affinity에서 수출한 뒤에도 PNG 압축이 필요한 경우가 많습니다. 투명도와 시인성을 유지하면서 용량을 줄이는 것이 목표입니다. 자주 겪는 문제는 다음과 같습니다.
- 수량이 많다: 수백~수천 장의 PNG를 한 장씩 처리할 수 없어 Mac 일괄 압축이 필요합니다.
- 투명도: UI 아이콘·오버레이에는 Alpha 채널이 반드시 유지되어야 하며, 압축 도구가 투명 채널을 깨면 안 됩니다.
- 화질과 용량 균형: 납품 용량과 로딩 시간을 줄이되, 눈에 띄는 열화는 피해야 합니다.
- 재현성: 동일한 파라미터와 절차로 팀 전체·매 배치마다 동일하게 실행할 수 있어야 합니다.
- 자동화: 스크립트나 CI에 붙일 수 있는지(예: GUI 없는 원격 Mac에서 실행).
선정 기준은 속도(처리량·지연), 화질(유손/무손·시각적 결함), 투명도(Alpha 유지 여부), 일괄 능력(폴더 드래그 vs CLI 재귀), 스크립트화(GUI 전용인지 CLI 자동화 지원인지)로 정리할 수 있습니다. 아래 비교표는 이 기준으로 구성했습니다.
② ImageOptim과 CLI(pngquant / optipng) 비교표
ImageOptim은 Mac에서 많이 쓰이는 무료 GUI 도구로, 내부에 여러 최적화기(pngquant·optipng 포함)를 씁니다. ImageOptim을 직접 쓰는 것과 터미널에서 pngquant·optipng를 호출하는 것은 워크플로와 자동화 측면에서 차이가 큽니다. 아래는 요약 비교표입니다.
| 비교 항목 | ImageOptim(GUI) | pngquant(CLI) | optipng(CLI) |
|---|---|---|---|
| 속도 | 폴더 드래그에 적합; 단일 프로세스, 중규모까지 충분 | 매우 빠름; 대량 파일 일괄 처리 가능 | 상대적으로 느림; 무손 재압축, 파일 단위 처리 |
| 화질 | 설정 가능; 유손(pngquant) 또는 무손 선택 | 유손; --quality min-max로 조절(예: 65-80) |
무손; 육안 차이 없음 |
| 투명도 | PNG 최적화 사용 시 Alpha 유지 | Alpha 유지; 8bit RGBA 출력 | Alpha 유지; 비트 심도 유지 |
| 일괄 능력 | 폴더 드래그; 기본적으로 하위 폴더 미포함 | Shell 루프/find; 재귀·스크립트화 가능 | pngquant와 동일; 스크립트에 넣기 적합 |
| 적합한 상황 | Mac에서 1회성·임시 일괄 | 디자인 납품 파이프라인·CI·원격 Mac 자동화 | 무손만 허용하는 납품·최대 호환성 |
실행 가능한 파라미터 예시(Mac 터미널):
- pngquant — 품질 구간 및 현재 디렉터리 일괄:
pngquant --quality=65-80 --ext .png --force *.png(원본 덮어쓰기). 하위 폴더 재귀:find . -name "*.png" -exec pngquant --quality=65-80 --ext .png --force {} \; - optipng — 무손 압축 레벨:
optipng -o2 -strip all *.png. 재귀:find . -name "*.png" -exec optipng -o2 -strip all {} \;
Mac에서 설정 없이 드래그로 쓰고 싶다면 ImageOptim; 더 작은 용량이 필요하고 약간의 유손이 괜찮다면 pngquant; 무손·호환성 우선이면 optipng를 선택하세요. 원격 Mac이나 자동화 환경에서는 CLI 도구만 사용할 수 있습니다.
③ 납품 3단계: 수출 규격→도구 선택→납품 전 검증
디자인 소재 납품을 Mac 일괄 압축과 함께 재사용하려면 아래 3단계를 따르면 됩니다.
- 1단계 — 수출 규격: 포맷(PNG-24 + Alpha), 배율(@1x/@2x/@3x), 명명 규칙(예:
[email protected]), 필요 시 최대 크기를 문서로 정리해 동일 규격으로 수출하도록 합니다. 자세한 수출 파라미터와 워크플로는 Mac 디자인 에셋 납품: Affinity·Sketch·Figma 일괄 PNG 수출 파라미터와 워크플로를 참고하세요. - 2단계 — 도구 선택: 1회성 GUI 일괄은 ImageOptim; 스크립트·자동화는 pngquant/optipng를 쓰고, 용도별로 통일합니다(웹 소재는 pngquant 유손, 인쇄·엄격 무손은 optipng). 원격 Mac에서는
brew install pngquant optipng후 SSH로find또는 루프로 실행하면 됩니다. - 3단계 — 납품 전 검증: 크기·용량 범위·투명도 샘플 검사(미리보기로 PNG 몇 장 열어 Alpha 확인), 명명·매수 확인. 동일 Mac에서 패키징·업로드하면 색상/DPI 파이프라인이 맞습니다. 검증 항목은 원격 Mac Sketch/Figma 일괄 PNG 수출 검증 체크리스트를 참고하세요.
④ 요약
Mac에서 디자인 소재를 일괄 압축할 때: ImageOptim은 빠르게 GUI 중심으로 처리할 때, pngquant와 optipng는 자동화·스크립트에 적합하며 화질/용량 선택이 명확합니다. 비교표로 속도·화질·투명도·일괄 능력을 보고 선정한 뒤, 납품 3단계를 실행하세요 — 수출 규격 정하기, 도구 선택(ImageOptim 또는 CLI), 납품 전 검증. 대량·반복 작업은 원격 Mac에서 압축을 돌리는 것을 권합니다. 환경이 일정하고 재현 가능하며 로컬 PC를 점유하지 않습니다.
원격 Mac에서 디자인 소재를 효율적으로 처리하고, 안정적으로 일괄 압축 실행
전용 원격 Mac(예: Mac mini M4)에서 ImageOptim 스타일 워크플로나 pngquant/optipng 스크립트를 실행하면: 동일 시스템·동일 파이프라인, 로컬은 멈추지 않고 슬립하지 않아 디자인 소재 납품과 PNG 일괄 압축에 적합합니다.