용어
WebP
WebP는 Google이 개발한 이미지 형식으로 손실 압축과 무손실 압축을 모두 지원합니다. 같은 용도의 PNG나 JPG보다 파일을 작게 만들 수 있지만 실제 결과는 이미지 내용과 설정에 따라 달라집니다.
WebP, PNG, JPG 비교
WebP는 무손실과 손실 모드를 모두 제공해 PNG와 JPG의 용도를 폭넓게 다룹니다.
무손실 WebP는 원본 픽셀을 그대로 보존하면서 PNG와 다른 압축 방식을 사용합니다. 투명 배경도 지원합니다. 글자와 선명한 UI 가장자리가 있는 스크린샷은 PNG와 같은 픽셀 결과를 유지하면서 용량을 줄일 수 있지만 절감 폭은 콘텐츠마다 다릅니다.
손실 WebP는 비슷한 용량의 JPG보다 압축 흔적이 덜 보이는 경우가 있습니다. JPG의 8x8 블록 압축은 글자와 날카로운 가장자리에서 블록 흔적을 만들기 쉬운 반면 WebP는 다른 예측·변환 방식을 사용합니다. 그래도 손실 모드는 높은 압축에서 세부 정보를 버리므로 글자 중심 화면에는 무손실을 우선하세요.
PNG와 JPG는 오래된 이미지 뷰어, 편집기, 플랫폼에서도 폭넓게 열립니다. WebP는 브라우저 지원이 넓지만 일부 오래된 데스크톱 앱, 이메일 클라이언트, 소셜 미디어 업로드 환경에서는 여전히 제한될 수 있습니다.
WebP를 쓰는 곳
- 웹 성능 — 작은 파일은 페이지 로딩 시간과 전송량을 줄일 수 있습니다. CDN과 이미지 최적화 서비스가 대상 브라우저에 맞춰 WebP로 변환하기도 합니다.
- 스크린샷 작업 — 무손실 WebP를 지원하는 캡처 도구는 글자와 UI 선명도를 유지하면서 보관 용량을 줄일 수 있습니다.
- 프로그레시브 웹 앱 — 작은 용량, 투명도, 애니메이션 지원을 함께 활용할 수 있습니다.
- 문서와 지식 베이스 — 웹 문서에 넣은 스크린샷의 가독성과 파일 크기 사이에서 균형을 잡을 수 있습니다.
- 자동 캡처 과정 — 이미지가 수백 장씩 생기는 일괄 작업에서 저장·전송량을 줄이는 데 도움이 될 수 있습니다.
브라우저와 도구 지원
현재 Chrome, Firefox, Safari, Edge와 주요 Chromium 기반 브라우저는 WebP를 지원합니다. 아주 오래된 버전은 지원하지 않을 수 있습니다.
최신 이미지 편집기, 디자인 도구, 캡처 앱도 WebP를 열고 저장하는 경우가 많습니다. macOS와 Windows의 최근 버전은 기본 앱에서 처리할 수 있지만 오래된 운영체제와 앱은 업데이트나 다른 형식이 필요할 수 있습니다.
호환성이 가장 중요하다면 WebP를 기본으로 제공하고 지원하지 않는 환경에는 PNG나 JPG 대체 파일을 제공할 수 있습니다. 웹에서는 HTML picture 요소와 콘텐츠 협상을 활용하고, 전달 파일은 받는 앱이 여는 형식인지 먼저 확인하세요.
흔한 실수
- 글자 중심 스크린샷에 손실 WebP를 씁니다. 날카로운 가장자리 주변에 작은 흔적이 생길 수 있습니다. 읽을 글자가 있다면 무손실 모드를 사용하세요.
- 모든 받는 사람이 WebP를 열 수 있다고 생각합니다. 브라우저 지원은 넓지만 일부 이메일, 오래된 오피스 앱, 기존 시스템은 표시하지 못할 수 있습니다.
- 무손실 모드를 사용하지 않습니다. WebP도 픽셀을 보존하는 무손실 압축을 제공합니다. 스크린샷에는 손실 모드보다 먼저 비교해 보세요.
- JPG를 WebP로 다시 인코딩하면 품질이 돌아온다고 생각합니다. 이미 손실된 세부 정보는 형식을 바꿔도 복원되지 않습니다. 가능하면 원래의 무손실 파일에서 변환하세요.
자주 묻는 질문
모든 브라우저가 WebP를 지원하나요?
현재 주요 브라우저인 Chrome, Firefox, Safari, Edge는 WebP를 지원합니다. 오래된 브라우저와 일부 브라우저 밖의 앱은 지원하지 않을 수 있으므로 대상 환경을 확인하세요.
WebP가 PNG와 JPG를 모두 대신할 수 있나요?
많은 웹 환경에서는 가능합니다. 무손실 WebP는 PNG 용도, 손실 WebP는 JPG 용도로 쓸 수 있습니다. 다만 브라우저 밖의 편집기, 이메일, 소셜 플랫폼까지 포함하면 PNG나 JPG가 더 안전한 경우도 있습니다.
WebP는 투명 배경을 지원하나요?
네. 손실·무손실 WebP 모두 알파 투명도를 지원합니다. JPG는 투명 배경을 지원하지 않습니다.
WebP는 무손실인가요, 손실인가요?
둘 다 지원합니다. 품질과 파일 크기 요구에 따라 JPG와 비슷한 손실 모드 또는 PNG와 비슷한 무손실 모드를 선택할 수 있습니다.
스크린샷에도 WebP를 써도 되나요?
네. 글자와 UI 가장자리를 보존해야 한다면 무손실 WebP가 알맞습니다. PNG보다 얼마나 작아지는지는 화면 내용과 인코더 설정에 따라 달라지므로 실제 파일을 비교하세요.
출처
- 최신 이미지 형식으로 제공하기 — Chrome Developers