image/webpimage/webp는 구글이 개발한 WebP 이미지의 미디어 타입입니다. 손실·무손실 압축과 알파 투명도·애니메이션을 모두 지원하며, 같은 화질에서 JPEG·PNG보다 파일이 작아 웹 성능에 유리합니다.
WebP는 하나의 포맷으로 JPEG(손실 사진), PNG(무손실 투명), GIF(애니메이션)의 역할을 모두 대체할 수 있어 웹 최적화의 실질적 표준이 되었습니다. 손실 모드는 VP8 인트라 프레임 코딩을, 무손실 모드는 별도 알고리즘을 사용합니다. 오늘날 모든 주요 브라우저가 지원합니다.
서빙 패턴이 중요합니다. 서버는 클라이언트의 `Accept` 헤더에 `image/webp`가 있는지 보고 WebP를, 없으면 JPEG/PNG를 반환하는 콘텐츠 협상을 합니다. 이때 같은 URL이 클라이언트에 따라 다른 포맷을 내므로 캐시가 뒤섞이지 않도록 `Vary: Accept`를 반드시 함께 보내야 합니다. 또는 <picture> 요소로 브라우저가 직접 최적 소스를 고르게 합니다.
e.g. Content-Type: image/webp