더 빠른 웹사이트를 위한 이미지 최적화 방법
대부분의 웹사이트에서 이미지는 페이지 용량과 느린 로딩의 가장 큰 원인입니다. 이미지 최적화는 할 수 있는 가장 효과 큰 속도 개선이며, Core Web Vitals와 SEO에 직접 도움이 됩니다.
이미지가 속도와 SEO에 중요한 이유
큰 이미지는 Google Core Web Vitals 중 하나인 Largest Contentful Paint(LCP)를 지연시킵니다. 빠른 페이지는 순위와 전환이 더 좋습니다. 이미지가 흔히 페이지 용량의 50% 이상이라, 줄이는 것이 대개 가장 빠른 이득입니다.
최신 형식 사용(WebP/AVIF)
JPEG/PNG 대신 WebP나 AVIF를 제공하세요. 같은 품질에서 25–50% 작아 페이지가 더 빨리 내려받아지고 차이가 보이지 않습니다. 아주 오래된 클라이언트를 지원해야 할 때만 JPEG 대체본을 두세요.
표시 크기에 맞게 이미지 조정
800픽셀 자리에 4000픽셀 이미지를 보내지 마세요. 이미지가 실제로 표시되는 최대 크기(고해상도 화면은 약 2×)로 줄이세요. 이것만으로도 이미지 용량이 절반이 되는 경우가 많습니다.
적절한 품질로 압축
사진은 품질 75–80 정도면 대개 원본과 구분되지 않습니다. 또는 이미지마다 목표 크기를 정해 모든 파일을 예산 내로 유지하세요. 파일은 작게, 보기엔 그대로.
그 밖의 빠른 이득
레이아웃 이동(CLS)을 막기 위해 width·height 속성을 추가하고, 접힘 아래 이미지를 지연 로드하며, 필요 없는 EXIF를 제거하세요. 이들이 함께 Core Web Vitals를 꾸준히 개선합니다.
Dropsize로 일괄 최적화
Dropsize에 이미지를 넣고 WebP나 AVIF로 변환, 크기 조정, 압축하세요 — 모두 브라우저에서, 업로드 없이 — 그런 다음 사이트에 올릴 준비가 된 zip으로 받으세요.
이미지 최적화하기 →