JPG vs PNG vs WebP
이미지 포맷 완벽 비교
이미지를 저장하거나 변환할 때 어떤 포맷을 선택해야 할지 고민된 적 있나요? JPG, PNG, WebP는 각각 서로 다른 목적에 최적화된 포맷입니다. 이 가이드에서는 세 포맷의 기술적 차이부터 실무 선택 기준까지 완벽하게 설명합니다.
목차
1. 세 포맷 한눈에 비교
| 항목 | JPG | PNG | WebP |
|---|---|---|---|
| 압축 방식 | 손실 압축 | 무손실 압축 | 손실·무손실 모두 |
| 투명도(알파채널) | 미지원 | 지원 | 지원 |
| 파일 크기 | 작음 | 큼 | 매우 작음 |
| 화질 유지 | 품질 설정에 따라 | 완벽 유지 | 매우 우수 |
| 사진 적합성 | 매우 적합 | 비효율적 | 적합 |
| 로고·일러스트 | 부적합 | 매우 적합 | 적합 |
| 브라우저 지원 | 모든 브라우저 | 모든 브라우저 | Chrome·FF·Edge·Safari 14+ |
| 애니메이션 | 미지원 | 미지원 | 지원 |
2. JPG — 사진에 최적화된 손실 압축
JPG(JPEG)는 1992년 표준화된 오래된 포맷이지만 여전히 가장 널리 쓰입니다. 손실 압축 방식을 사용해 이미지 데이터 중 인간의 눈이 잘 인식하지 못하는 부분을 제거하여 파일 크기를 줄입니다.
JPG의 장점
- 수백만 가지 색상을 자연스럽게 표현 — 사진에 최적
- 파일 크기가 작아 웹 게시, 이메일 전송에 유리
- 모든 기기, 소프트웨어, 브라우저에서 지원
- 품질 설정으로 용량과 화질 균형 조절 가능
JPG의 단점
- 저장할 때마다 품질이 저하됨 — 반복 편집·저장 시 열화 누적
- 투명 배경 불가 — 배경이 없는 이미지는 흰 배경으로 채워짐
- 선명한 경계선(텍스트, 로고) 표현 시 계단 현상(artifacts) 발생
JPG 권장 품질 수치: 웹 게시용 75~80%, 일반 보관용 85%, 고화질 인쇄용 90~95%. 100%는 파일이 지나치게 커지므로 원본 보관 외에는 불필요합니다.
3. PNG — 투명도와 선명함이 필요할 때
PNG는 무손실 압축 포맷입니다. 저장해도 이미지 데이터가 전혀 손실되지 않아 원본 화질이 그대로 유지됩니다. 투명 배경(알파채널)을 지원하는 것이 가장 큰 특징입니다.
PNG의 장점
- 투명 배경 완벽 지원 — 로고, 아이콘, 스티커에 필수
- 무손실 압축 — 반복 저장해도 화질 저하 없음
- 텍스트, 선, 경계가 명확한 그래픽에서 JPG보다 선명
- 스크린샷, UI 이미지 저장에 이상적
PNG의 단점
- 사진 저장 시 JPG보다 파일 크기가 3~5배 이상 커짐
- 색상 수가 많은 사진에는 비효율적
- 애니메이션 지원 안 됨 (APNG 제외)
PNG를 써야 하는 경우: 투명 배경이 필요한 로고·아이콘, 스크린샷, 선명한 텍스트가 포함된 이미지, 원본 데이터를 보존해야 하는 중간 편집 파일.
4. WebP — 차세대 범용 포맷
WebP는 구글이 2010년 개발한 최신 이미지 포맷입니다. 손실·무손실 압축을 모두 지원하며, 투명도와 애니메이션까지 지원합니다. 같은 화질 기준으로 JPG 대비 25~35%, PNG 대비 최대 50% 이상 파일 크기를 줄일 수 있습니다.
WebP의 장점
- JPG·PNG를 모두 대체 가능한 범용 포맷
- 동일 화질 대비 파일 크기가 가장 작음
- 투명도·애니메이션 지원
- 웹사이트 로딩 속도 향상에 직접 기여
WebP의 단점
- 구형 Safari(iOS 14 미만), IE 미지원 — 현재는 대부분 해결됨
- 일부 이미지 편집 소프트웨어에서 기본 지원 안 됨
- 소셜미디어 플랫폼 일부가 WebP 직접 업로드 미지원
WebP 권장 용도: 웹사이트·블로그 이미지, 빠른 로딩이 중요한 랜딩 페이지, 모바일 웹 최적화. 단, 이메일 첨부나 오프라인 공유가 목적이라면 JPG가 더 안전합니다.
5. 상황별 포맷 선택 기준
| 상황 | 권장 포맷 | 이유 |
|---|---|---|
| 풍경·인물 사진 웹 게시 | WebP (또는 JPG) | 파일 작고 화질 우수 |
| 투명 배경 로고·아이콘 | PNG (또는 WebP) | 투명도 지원 필수 |
| 스크린샷·UI 캡처 | PNG | 텍스트·경계선 선명 |
| SNS 업로드 (인스타·카카오) | JPG | 플랫폼 호환성 최우선 |
| 블로그·웹사이트 이미지 | WebP | 용량 최소화, 속도 향상 |
| 이메일 첨부·오프라인 공유 | JPG | 범용성, 파일 크기 균형 |
| 인쇄·고화질 보관 | PNG | 무손실, 화질 최우선 |
| 중간 편집용 임시 저장 | PNG | 반복 편집 시 품질 저하 없음 |
6. 실제 파일 크기 비교
같은 1920×1080 사진 이미지를 각 포맷으로 저장했을 때의 일반적인 파일 크기 차이입니다.
| 포맷 | 예상 파일 크기 | JPG 대비 |
|---|---|---|
| PNG (무손실) | 약 3~6 MB | 3~5배 큼 |
| JPG (품질 85%) | 약 500~800 KB | 기준 |
| JPG (품질 75%) | 약 300~500 KB | 20~40% 절감 |
| WebP (품질 80%) | 약 200~400 KB | 30~50% 절감 |
※ 실제 크기는 이미지 내용(복잡도, 색상 수)에 따라 크게 달라집니다. 위 수치는 일반적인 사진 이미지 기준 참고값입니다.
7. 포맷 변환 방법
ImgFixIt에서는 이미지를 업로드하고 ② 포맷 변환 단계에서 JPG, PNG, WebP 중 원하는 포맷을 클릭하기만 하면 됩니다. 소프트웨어 설치 없이, 서버에 이미지를 보내지 않고, 브라우저 안에서 바로 변환됩니다.
- 이미지를 업로드합니다
- '② 포맷 변환' 단계에서 JPG / PNG / WebP 중 하나를 선택합니다
- 다운로드 버튼을 클릭하면 변환된 파일이 저장됩니다