이미지 포맷
WebP 포맷 완벽 가이드
Google이 2010년에 발표한 차세대 이미지 포맷. 손실·무손실 압축, 투명도, 애니메이션을 하나의 포맷으로 지원하며, JPEG보다 25-34% 작은 파일 크기를 제공합니다.
개요
WebP는 Google이 웹 성능 향상을 목표로 개발한 이미지 포맷입니다. 파일 확장자는 .webp, MIME 타입은 image/webp입니다.
손실 압축과 무손실 압축을 모두 지원하며, 투명도(알파 채널)와 애니메이션까지 하나의 포맷으로 처리합니다. JPEG, PNG, GIF의 장점을 결합한 범용 포맷이라 할 수 있습니다.
역사
- 2010년 9월 — Google이 WebP 프로젝트를 공개 발표. VP8 비디오 코덱의 키프레임 인코딩을 기반으로 개발.
- 2011년 11월 — 무손실 압축 및 알파 채널(투명도) 지원 추가.
- 2012년 — 애니메이션 지원 추가. 움직이는 GIF의 대안으로 부상.
- 2014년 — Chrome, Opera에서 기본 지원. Android에서 네이티브 지원.
- 2018년 — Edge(Chromium 기반 전환 후)에서 지원.
- 2020년 — Safari 14(macOS Big Sur, iOS 14)에서 지원. 사실상 모든 주요 브라우저에서 사용 가능.
- 2024년 — 전 세계 브라우저의 97% 이상에서 지원.
압축 방식
손실 압축 (VP8 기반)
WebP의 손실 압축은 VP8 비디오 코덱의 인트라프레임 코딩을 기반으로 합니다. JPEG의 DCT와 유사하지만, 보다 현대적인 예측 코딩 기법을 사용합니다.
- 예측 코딩: 4×4 또는 16×16 블록 단위로 주변 픽셀을 기반으로 예측한 뒤, 실제 값과의 차이(잔차)만 인코딩합니다.
- 적응적 블록 크기: JPEG의 고정 8×8 블록과 달리, 이미지 특성에 따라 블록 크기를 조절하여 블로킹 아티팩트를 줄입니다.
- 부울 산술 코딩: 허프만 코딩보다 효율적인 산술 코딩을 사용합니다.
- 루프 내 디블로킹 필터: 인코딩 과정에서 블록 경계를 부드럽게 처리하여 아티팩트를 감소시킵니다.
무손실 압축
WebP 무손실 압축은 PNG의 대안으로, 완전히 독자적인 알고리즘을 사용합니다.
- 예측 변환: 주변 픽셀 기반 예측으로 엔트로피를 줄임.
- 색상 변환: 상관관계 있는 색상 채널을 탈상관(decorrelate).
- 녹색 참조 변환: 녹색 채널을 기준으로 다른 채널을 인코딩.
- LZ77 + 허프만 코딩: 반복 패턴을 효율적으로 압축.
- 색상 캐시: 최근 사용된 색상을 캐싱하여 중복 제거.
WebP 무손실은 PNG 대비 평균 26% 작은 파일을 생성합니다. 특히 투명도가 있는 이미지에서 효과가 큽니다.
주요 기능
| 기능 | 지원 여부 | 비고 |
|---|---|---|
| 손실 압축 | 지원 | VP8 기반, JPEG 대비 25-34% 절감 |
| 무손실 압축 | 지원 | PNG 대비 26% 절감 |
| 투명도 (알파) | 지원 | 손실·무손실 모두에서 알파 채널 가능 |
| 애니메이션 | 지원 | GIF 대비 64% 작은 파일 크기 |
| 색상 깊이 | 24/32비트 | RGB 24비트 + 알파 8비트 |
| 최대 해상도 | 16383 × 16383 | 일반 용도에 충분 |
| ICC 프로파일 | 지원 | 색상 관리 가능 |
| Exif/XMP | 지원 | 메타데이터 보존 |
브라우저 호환성
2024년 기준, WebP는 전 세계 브라우저의 97% 이상에서 지원됩니다.
| 브라우저 | 지원 시작 |
|---|---|
| Chrome | 9+ (2011) |
| Firefox | 65+ (2019) |
| Edge | 18+ (2018) |
| Safari | 14+ (2020) |
| Opera | 12+ (2012) |
| Android WebView | 4.2+ (2012) |
| iOS Safari | 14+ (2020) |
2020년 Safari 지원 이후, 실무에서 WebP를 안심하고 사용할 수 있습니다. IE 11 지원이 필요한 경우에만 JPEG/PNG 폴백이 필요합니다.
JPEG 대비 장점
- 파일 크기: 동일 시각적 품질에서 JPEG보다 25-34% 작은 파일. 웹 성능에 직접적 영향.
- 투명도 지원: JPEG에 없는 알파 채널을 지원. 반투명 이미지도 손실 압축 가능.
- 손실+투명: JPEG의 높은 압축률 + PNG의 투명도를 하나의 파일로. 기존에는 불가능했던 조합.
- 적은 아티팩트: 적응적 블록 크기와 디블로킹 필터로 블로킹 아티팩트가 적음.
- 애니메이션: GIF 대체용으로 훨씬 효율적인 애니메이션 지원.
한계와 단점
- 편집 소프트웨어 지원: JPEG만큼 보편적이지 않음. 구형 편집기에서는 열리지 않을 수 있음.
- 최대 해상도 제한: 16383×16383 픽셀. 대형 인쇄나 파노라마에는 부족할 수 있음.
- 인코딩 속도: JPEG보다 느림. 대량 배치 처리 시 차이 체감.
- HDR 미지원: 채널당 8비트 제한. HDR 이미지는 AVIF나 JPEG XL이 적합.
- 점진적 로딩 미지원: 프로그레시브 JPEG처럼 점진적으로 표시하는 기능 없음.
E-ink 기기의 호환성을 확인하세요. 일부 구형 E-ink 리더는 WebP를 지원하지 않을 수 있습니다. 호환성이 확실하지 않다면 JPEG를 사용하는 것이 안전합니다.
CropCrop에서의 활용 팁
- 웹용 이미지: 웹에 올릴 이미지라면 WebP 포맷을 선택하세요. JPEG 대비 파일 크기가 크게 줄어 페이지 로딩이 빨라집니다.
- 투명 배경: AI 배경 제거 후 WebP로 내보내면 투명도를 유지하면서도 PNG보다 작은 파일을 얻을 수 있습니다.
- E-ink 배경화면: E-ink 기기에서 WebP를 지원하는지 확인 후 사용하세요. 지원한다면 JPEG보다 작은 파일로 동일 품질을 얻을 수 있습니다.
- 품질 설정: 손실 WebP의 경우 품질 80-85가 최적입니다. JPEG보다 낮은 수치에서도 동등한 시각적 품질을 보여줍니다.