Overview
WebP는 Google이 개발한 차세대 이미지 형식으로, 동일한 화질 대비 JPEG나 PNG보다 25~35% 작은 파일을 생성합니다.
투명도(알파 채널), 애니메이션, 손실·무손실 압축을 하나의 형식에서 모두 지원하므로, 웹 이미지 거의 모든 용도를 단일 형식으로 커버할 수 있습니다.
History
Google은 2010년 9월 VP8 비디오 코덱의 인트라 프레임 코딩을 기반으로 WebP를 발표했습니다. 무손실 압축과 알파 투명도는 2011~2012년에 추가되었습니다.
브라우저 지원은 점진적으로 확대되었습니다. Chrome은 초기부터 지원했지만, Firefox는 2019년 1월, Safari는 2020년 9월(macOS Big Sur / iOS 14)에서야 지원을 시작했습니다. 2024년 기준 전 세계 브라우저의 97% 이상이 WebP를 지원하므로 프로덕션 환경에서 안심하고 사용할 수 있습니다.
Technical Details
손실 모드 WebP는 VP8 예측 코딩을 사용합니다. JPEG와 마찬가지로 YUV 변환, 블록 기반 변환, 양자화를 수행하지만, 더 현대적인 예측 모드와 허프만 대신 산술(불리언) 코더를 사용합니다.
무손실 모드 WebP는 완전히 다른 알고리즘을 사용합니다. 공간 예측, 컬러 캐시, LZ77 스타일 역참조의 허프만 코딩, 컬러 변환 등을 활용합니다. 알파 채널은 두 모드 중 하나로 독립적으로 압축할 수 있습니다.
애니메이션 WebP는 단일 파일에 여러 프레임을 저장하며, 손실·무손실 프레임을 혼합할 수 있습니다. 컨테이너 형식은 RIFF 기반입니다.
Pros & Cons
Pros
- 동일 화질 기준 JPEG보다 25~35% 작은 파일 크기
- 손실·무손실 압축 모두 지원
- 알파 투명도와 애니메이션을 하나의 형식에서 지원
- 97% 이상의 브라우저에서 지원 가능
- ImageMagick, Sharp, libwebp 등 풍부한 도구 생태계
Cons
- 사진 콘텐츠에서는 AVIF보다 압축 효율이 약간 떨어짐
- 구형 소프트웨어나 이메일 클라이언트에서 미지원 가능성
- 손실 모드에서 작은 텍스트가 흐려질 수 있음
- 웹 외 분야(인쇄, 출판)에서는 거의 사용되지 않음
Common Use Cases
- 빠른 페이지 로드를 위한 웹 이미지
- PWA(프로그레시브 웹 앱) 및 모바일 사이트
- GIF를 대체하는 애니메이션 배너·스티커
- 썸네일 및 이미지 갤러리
- 대역폭 절약이 중요한 모든 웹 프로젝트