포토샵 PNG 저장｜PNG-8과 PNG-24 어느 걸 쓸까
PNG는 투명을 담을 수 있고 화질 손실이 없는 형식입니다. 대신 용량이 큽니다. 어디에 쓸지에 따라 설정이 갈립니다.
저장하는 세 가지 경로
| 경로 | 특징 |
|---|---|
사본 저장 (Ctrl+Alt+S) | 가장 간단. PNG-24로 저장 |
| 내보내기 → 내보내기 형식 | 크기·배율을 함께 지정 |
| 내보내기 → 웹용으로 저장(레거시) | PNG-8/24 선택, 용량 미리 보기 |
평소에는 첫 번째로 충분합니다. 용량을 조절해야 하면 세 번째가 가장 세밀합니다.
PNG-8과 PNG-24
이름의 숫자는 담을 수 있는 색의 수를 말합니다.
이것부터 보면 이해가 빠릅니다
| PNG-8 | PNG-24 | |
|---|---|---|
| 색 수 | 최대 256색 | 약 1,670만 색 |
| 투명 | 됨 (경계가 거칠 수 있음) | 됨 (부드러움) |
| 용량 | 작음 | 큼 |
| 맞는 것 | 아이콘, 단색 로고, 도형 | 사진, 그라데이션, 반투명 |
웹용으로 저장에서 조절하기
- 파일 → 내보내기 → 웹용으로 저장(레거시) (
Ctrl+Shift+Alt+S) - 오른쪽 위 형식에서 PNG-8 또는 PNG-24
- PNG-8이면 색상 수를 줄여 가며 확인
- 투명도 체크 (투명이 필요할 때)
- 왼쪽 아래 예상 용량 보면서 조절
- 저장
이 창은 원본과 결과를 나란히 보여 줍니다. 왼쪽 위 2분할 보기로 바꾸면 화질 차이를 바로 비교할 수 있습니다.
이 글과 같이 보는 글
아래 글들이 이 주제의 빠진 조각을 채워줍니다.
포토샵 배경 투명하게｜저장하면 흰색이 되는 이유포토샵에서 배경을 투명하게 만들고 투명한 채로 저장하는 방법을 정리했습니다. JPG로 저장하면 흰 배경이 생기는 이유와 PNG 저장 설정을 담았습니다.이어서 읽기 →포토샵 자동화 방법｜반복 작업을 줄이는 다섯 가지포토샵에서 반복 작업을 자동화하는 방법을 정리했습니다. 액션, 일괄 처리, 이미지 프로세서, 변수, 스크립트를 언제 쓰는지 담았습니다.이어서 읽기 →포토샵 이미지 크기 변경｜이미지 크기와 캔버스 크기 차이포토샵에서 이미지 크기를 바꾸는 방법을 정리했습니다. 이미지 크기와 캔버스 크기의 차이, 여러 장을 한 번에 줄이는 방법까지 담았습니다.이어서 읽기 →
투명이 안 살아 있을 때
PNG로 저장했는데 흰 배경이 생기는 경우입니다. 원인은 셋 중 하나입니다.
체크리스트
자세한 확인 순서는 배경 투명하게에 정리했습니다.
용량을 줄이는 방법
PNG는 압축률을 조절하는 옵션이 없습니다. 대신 이렇게 줄입니다.
| 방법 | 효과 |
|---|---|
| 이미지 크기 줄이기 | 가장 효과적 |
| PNG-8로 바꾸기 | 단순한 그림이면 몇 분의 일로 |
| 색상 수 줄이기 (PNG-8) | 128, 64로 내려 보기 |
| 불필요한 여백 잘라내기 | 이미지 → 트리밍 |
| WebP로 저장 | 같은 화질에 용량이 더 작음 |
마지막 항목을 고려해 보세요. 최신 브라우저는 모두 WebP를 지원하고, 투명도 담을 수 있습니다. 사본 저장 형식 목록에 들어 있습니다.
어떤 형식을 쓸지 정리
| 상황 | 형식 |
|---|---|
| 배경이 투명한 로고·아이콘 | PNG-24 (또는 WebP) |
| 단색 도형·단순 아이콘 | PNG-8 |
| 사진 | JPG (PSD JPG 변환) |
| 글씨가 많은 이미지 | PNG (JPG는 글자 경계가 번집니다) |
| 웹 성능이 중요 | WebP |
사진을 PNG로 저장하는 실수가 흔합니다. 용량이 몇 배로 커지는데 눈에 보이는 차이는 거의 없습니다.
자주 묻는 질문
사본 저장에 PNG가 없습니다.
16비트 이미지일 수 있습니다. 이미지 → 모드 → 8비트/채널로 바꾼 뒤 다시 보세요.
PNG-8로 저장하니 색이 얼룩집니다.
256색으로 표현하면서 생기는 현상입니다. 디더를 올리거나 PNG-24로 바꾸세요.
투명 PNG를 한글·워드에 넣으면 흰 배경이 생깁니다.
붙여넣기 과정에서 투명이 사라지는 경우입니다. 그림 삽입 메뉴로 파일을 직접 넣으세요.
PNG와 PNG-24가 다른 건가요?
같습니다. 사본 저장의 PNG가 PNG-24에 해당합니다.
여러 장을 PNG로 한꺼번에 저장할 수 있나요?
파일 → 스크립트 → 이미지 프로세서에서 PSD로 저장 대신 JPG·PNG를 고를 수 있습니다. PNG가 필요하면 액션으로 녹화해 일괄 처리하세요 — 배치 자동화를 보세요.
다음으로 읽어볼 글
읽던 맥락을 이어서 볼 수 있게 골랐습니다.
포토샵 PDF 변환｜여러 장을 한 PDF로 묶는 법포토샵에서 PDF로 저장하는 방법을 정리했습니다. 인쇄용 설정, 여러 이미지를 한 PDF로 묶는 PDF 프레젠테이션, 용량 줄이기까지 담았습니다.이어서 읽기 →포토샵 글씨 그라데이션｜글자에 색 번지게 넣기포토샵에서 글씨에 그라데이션을 넣는 방법을 정리했습니다. 그라데이션 오버레이 설정, 각도와 색 지정, 사진을 글씨 안에 넣는 방법까지 담았습니다.이어서 읽기 →포토샵 배치 자동화｜수백 장을 한 번에 처리하기포토샵 일괄 처리 사용법을 순서대로 정리했습니다. 액션 녹화부터 일괄 처리 설정, 드로플렛 만들기, 자주 막히는 지점까지 담았습니다.이어서 읽기 →포토샵 글씨 테두리｜사진 위 글씨 읽히게 만들기포토샵에서 글씨에 테두리를 넣는 방법을 정리했습니다. 레이어 스타일 선 설정, 두 겹 테두리, 사진 위 글씨 가독성 요령을 담았습니다.이어서 읽기 →캔바 PDF 변환｜표준과 인쇄 중 어느 쪽을 고를까캔바에서 PDF로 내려받는 방법과 표준·인쇄 차이를 정리했습니다. 인쇄소에 넘길 때 재단선 설정과 용량 줄이기까지 담았습니다.이어서 읽기 →