WebP vs JPG vs PNG vs AVIF — 언제 무엇을 쓸까 (2026)
Tomoda Hinata도구 작성자 및 유지 관리자게시 2026년 4월 26일약 5분 읽기
어디든 보내는 사진은 JPG, 투명/무손실이 필요한 그래픽은 PNG, 오늘의 웹 기본은 WebP(Safari 14 이후 모든 브라우저), Outlook 호환을 포기하고 ~30%를 더 줄이려면 AVIF. 본문은 4 포맷을 파일 크기·브라우저 지원·용도 적합성으로 비교하며, 브라우저 비교 도구로 자기 이미지에서도 검증 가능한 수치를 제시합니다.
이 가이드에서 사용하는 도구
한눈에 보는 4 포맷
JPG(1992)는 손실, 투명 없음, 만능. PNG(1996)는 알파 포함 무손실로 로고·스크린샷에 최적이지만 사진에서는 JPG의 약 5배. WebP(2010, Google)는 손실 + 무손실 + 알파를 결합하며 동일 화질 JPG보다 25–35% 작음. AVIF(2019, AV1 코덱)는 가장 최신이고 WebP보다 20–30% 더 작지만 레거시 지원은 가장 약함.
언제 JPG를 선택?
‘현대 웹’보다 오래된 곳, 또는 마지막 30% 절감보다 만능 호환이 중요한 곳: 이메일 첨부(Outlook 데스크톱은 WebP 미지원), 인쇄 납품, Word/PowerPoint 임베드, 비기술자에게 전달. 사진은 품질 78이 스위트 스폿, 텍스트 스크린샷은 품질 90.
PNG가 진짜 이기는 경우
JPG가 못하는 셋: 투명, 픽셀 단위 깨끗한 가장자리(UI 스크린샷·다이어그램), 무손실(다시 편집할 이미지). 사진에는 PNG가 낭비 — 1080p 사진을 PNG로 두면 동일 품질 JPG의 약 5배. PNG-8은 아이콘, PNG-24+α는 로고·복잡 투명용.
WebP가 현대 웹 기본인 이유
모든 최신 브라우저가 WebP를 기본 디코드(Chrome 32+, Firefox 65+, Safari 14+, Edge — 2022년 이후 글로벌 트래픽 98% 이상). 동일 품질에서 JPG 대비 25–35% 작고, 무손실 WebP는 PNG보다 약 25% 작음. 단점은 Outlook 데스크톱 메일 렌더링뿐.
AVIF의 가치는?
AV1 코덱 인트라 프레임 압축으로 WebP보다 20–30% 추가 절감. 그린필드 콘텐츠 사이트의 대형 히어로 이미지에 의미 있음. 비용: Outlook 데스크톱과 일부 Microsoft 앱, 일부 모바일 브라우저 미지원. `<picture>`로 WebP 폴백을 두거나, 분석에서 레거시 트래픽이 2% 미만일 때까지 기다리세요.
결정 트리
Outlook 데스크톱·메일·인쇄? → JPG(사진) 또는 PNG(투명 그래픽). 현대 독자 대상 웹? → WebP 품질 82, 스크린샷은 무손실 WebP. 98% 이상이 최신 브라우저고 LCP를 끝까지 줄이려면? → `<picture>`로 AVIF + WebP 폴백. 웹에서 투명 필요? → WebP 또는 AVIF; 신규 웹에서는 PNG 비추.
| 포맷 | 사진 (1920×1280) | UI 스크린샷 (1920×1080) | 로고 + 투명 | 브라우저 지원 |
|---|---|---|---|---|
| JPG 품질 82 | 245 KB | (투명 없음) | (투명 없음) | 100% |
| PNG | 1.65 MB | 92 KB | 11 KB | 100% |
| WebP 품질 82 | 165 KB | 55 KB (무손실) | 8 KB | 98% |
| AVIF 품질 60 | 115 KB | 48 KB | 6 KB | 92% |
자주 묻는 질문
브라우저 지원이 가장 넓은 포맷?
JPG와 PNG는 100%. WebP는 약 98%(Safari 14, 2020년 이후), AVIF는 약 92%(Safari 16.4+ 등).
WebP가 AVIF보다 작은가?
아니요. AVIF가 동일 화질에서 WebP보다 20–30% 작습니다.
왜 HEIC는 비교에 없나?
HEIC는 iPhone 내부 저장 포맷이며 웹 포맷이 아닙니다. 어떤 브라우저도 HEIC를 기본 디코드하지 못합니다.
무손실 WebP vs 손실 WebP?
사진은 손실(품질 82). 스크린샷·로고·텍스트 그래픽은 무손실 WebP — 무손실인데 PNG보다 약 25% 작음.
TIFF는?
TIFF는 데스크톱·인쇄·아카이브용으로 웹 포맷이 아닙니다.
한 포맷으로 다 끝낼 수 있나?
굳이 한 가지: 사진은 JPG, 투명 그래픽은 PNG. 어디서나 동작합니다. WebP·AVIF는 최적화 레이어.
지금 사용해 보기
Encode one image in all five modern formats in parallel — size + time side by side
Modern Image Format Comparator (PNG / JPEG / WebP / AVIF / JXL)이 글은 AI 번역을 포함합니다. 오류가 있으면 알려 주세요.