다음은 WebP?
WebP — WebP는 Google에서 개발한 현대적인 이미지 형식으로 웹 이미지를 위한 우수한 손실 및 무손실 압축을 제공하며 일반적으로 동등한 시각적 품질의 JPEG보다 25–35% 작습니다.
WebP는 Google에서 2010년에 개발하고 발표한 이미지 형식으로 VP8 비디오 코덱에서 파생되었습니다. 단일 형식으로 손실 및 무손실 압축, 투명도(알파 채널) 및 애니메이션을 모두 지원합니다 — 대부분의 웹 사용 사례에서 JPEG, PNG 및 GIF의 직접적인 대체품입니다.
손실 WebP는 예측 코딩을 사용하여 이미지 블록을 인코딩하고 인접한 블록을 참조하여 차이만 기록합니다. 이것은 동등한 시각적 품질(SSIM 점수)의 JPEG보다 25–34% 작은 파일을 생성합니다. 무손실 WebP는 다른 엔트로피 인코딩 방법을 사용하고 평균 PNG보다 26% 작지만 추가 비용 없이 8비트 알파도 지원합니다.
WebP는 2022년부터 모든 주요 브라우저에서 지원되며 Android 및 iOS에서 기본적으로 디코딩됩니다. Google Chrome, Firefox, Safari 14+, Edge 및 Opera는 모두 플러그인 없이 WebP를 지원합니다. Google, Facebook 및 YouTube를 포함한 대규모 웹 속성에서 광범위하게 사용되는 웹 성능 최적화의 선택 형식입니다.
WebP vs JPEG: 주요 차이점
JPEG은 손실 압축만 지원하며 투명도를 지원하지 않습니다. WebP 손실은 동일한 인식 품질(SSIM)에서 JPEG을 능가하며 파일이 일반적으로 25–34% 작습니다. 사진 및 자연 이미지의 경우 WebP 손실 품질 80은 대략 JPEG 품질 80–85와 동일하지만 파일 크기가 더 작습니다. 오늘날 JPEG을 유지하는 주요 이유는 WebP를 수용하지 않는 구형 이메일 클라이언트, CMS 시스템 및 인쇄 워크플로와의 레거시 호환성입니다.
WebP vs PNG: 주요 차이점
PNG는 무손실이며 완전한 투명도를 지원하므로 로고, 아이콘 및 스크린샷에 선호됩니다. 무손실 WebP는 동일한 픽셀 데이터를 PNG보다 26% 더 작게 압축합니다. WebP는 또한 투명도가 있는 손실 압축을 지원합니다 — PNG가 제공할 수 없는 조합 — 일부 품질 손실이 수용 가능한 투명한 배경이 있는 제품 이미지에 유용합니다. PNG는 정확한 픽셀 충실도(의료 영상, 픽셀 아트) 또는 최대 소프트웨어 호환성이 필요한 이미지에 계속 선호됩니다.
WebP 제한 사항
WebP는 CMYK 색 모드를 지원하지 않으므로 인쇄 워크플로에 적합하지 않습니다. 점진적 로딩(점진적 JPEG과 같은)을 지원하지 않습니다 — WebP는 위에서 아래로만 로드됩니다. 일부 이미지 편집기(Photoshop < 23.2, 구형 Lightroom)는 WebP 파일을 열기 위해 플러그인이 필요합니다. 최대 브라우저 도달을 위해 <source> 요소를 사용하여 JPEG/PNG 대체를 사용한 <picture>를 통해 WebP를 제공합니다.
WebP PicsSizer의 도구
자주 묻는 질문
WebP가 JPEG보다 낫습니까?▾
웹 사용의 경우 예. WebP 손실은 동등한 시각적 품질의 더 작은 파일을 생성합니다 — 일반적으로 JPEG보다 25–34% 작습니다. 또한 투명도(JPEG은 하지 않음)를 지원합니다. 실제 단점은 일부 구형 이메일 클라이언트 및 소프트웨어가 여전히 WebP 파일을 열지 않으므로 JPEG이 비웹 배포의 안전한 선택이 됩니다.
WebP이 투명도를 지원합니까?▾
예. WebP는 손실 및 무손실 모드 모두에서 완전한 알파 채널(투명도)을 지원합니다. 이것은 웹 컨텍스트에서 PNG의 대체품으로 적합합니다. JPEG은 투명도를 지원하지 않습니다.
모든 브라우저가 WebP를 지원합니까?▾
2022년부터 모든 주요 브라우저가 WebP를 지원합니다: Chrome 32+, Firefox 65+, Safari 14+, Edge 18+ 및 Opera 19+. 모바일에서 WebP는 Android 4+과 iOS 14+에서 지원됩니다. Internet Explorer는 WebP를 지원하지 않습니다.
모든 이미지를 WebP로 변환해야 합니까?▾
웹페이지의 경우 예 — JPEG 및 PNG 이미지를 WebP로 변환하면 페이지 무게가 감소하고 로드 시간이 개선됩니다. 지원하지 않을 수 있는 브라우저를 위해 JPEG/PNG 대체를 사용한 <picture> 요소를 사용하세요. 이메일을 통해 공유되거나 인쇄되거나 데스크톱 소프트웨어에서 사용되는 이미지의 경우 호환성을 위해 JPEG 또는 PNG를 유지하세요.