최적화

웹사이트용 이미지 크기를 조절하는 방법

빠른 페이지, 선명한 썸네일, Core Web Vitals 개선, 반응형 레이아웃을 위한 이미지 리사이즈 체크리스트입니다.

2026-05-24 - 6분 읽기

실제 표시 크기에 맞추기

카메라 사진은 웹페이지에 필요한 크기보다 훨씬 큰 경우가 많습니다. 카드가 600px로 보인다면 4000px 이미지는 불필요한 용량을 만듭니다.

히어로, 썸네일, 블로그 카드, 상품 갤러리처럼 용도별 크기를 따로 준비하면 페이지가 빨라집니다.

반복되는 콘텐츠는 1:1, 4:3, 16:9처럼 비율을 통일하면 레이아웃이 깔끔하고 흔들림이 줄어듭니다.

리사이즈 후에는 압축까지 적용하고, 최신 웹사이트에서는 WebP를 우선 고려하세요.

지금 사용해보기