준비 상태 점검 · 가속화 영역 · 가중치 6

최신 이미지 형식 사용

이미지가 3개 이상인 홈페이지에서 일부 이미지가 WebP 또는 AVIF를 사용합니다(파일 유형, source 요소의 type 또는 이미지 CDN의 형식 매개변수 기준).

중요한 이유

WebP 및 AVIF는 일반적으로 비슷한 품질의 JPEG 또는 PNG보다 크기가 훨씬 작으며, 이미지는 페이지에서 용량이 가장 큰 부분인 경우가 많습니다.

이미지 CDN을 이용하거나 빌드 시 두 형식을 모두 생성하여, JPEG 또는 PNG 대체 이미지와 함께 WebP 또는 AVIF를 제공하세요.

이미지가 3개 이상인 홈페이지에서 일부 이미지가 WebP 또는 AVIF를 사용합니다(파일 유형, source 요소의 type 또는 이미지 CDN의 형식 매개변수 기준).

관찰됨: WebP 또는 AVIF 이미지가 감지되었습니다.

관찰되지 않음: WebP 또는 AVIF 이미지가 감지되지 않았습니다.

한계: 자동화된 클라이언트에 전송된 홈페이지 HTML을 기준으로 하며, 나중에 실행되는 스크립트는 실행하지 않았습니다.

WordPress: WordPress는 5.8부터 WebP 업로드를, 6.5부터 AVIF 업로드를 지원합니다. 이미지 플러그인이나 호스팅 업체를 통해 기존 이미지를 변환할 수 있습니다.
Next.js: next/image 컴포넌트는 최적화된 형식을 자동으로 제공합니다.
Nuxt: Nuxt Image는 WebP 및 AVIF를 출력할 수 있습니다.
Cloudflare: Cloudflare Polish는 이미지를 WebP로 변환할 수 있습니다.
Vercel: Vercel Image Optimization은 최신 형식을 제공합니다.
Shopify: Shopify의 이미지 CDN은 최신 형식을 제공할 수 있습니다. 테마에는 Shopify의 웹 성능 지침을 따르세요.