쇼핑몰 상품 이미지 용량 최적화 — WebP 변환으로 로딩 속도 올리기
2026-09-22
카페24, 스마트스토어, 자사몰 모두 상세페이지가 무거우면 모바일에서 이탈이 늘고 검색 노출에도 불리합니다. 이미지 한 장을 300KB 이하로 유지하는 것이 목표이고, 디자이너 없이도 브라우저에서 바로 할 수 있습니다.
얼마나 줄여야 하나
- 썸네일·목록 이미지: 긴 변 800px, 100KB 이하
- 상세페이지 본문 이미지: 가로 860~1200px, 장당 200~300KB
- 확대용 원본: 가로 2000px, 500KB 이하
WebP를 쓰는 이유
WebP는 같은 화질에서 JPG보다 25~35% 가볍습니다. 2026년 현재 모든 주요 브라우저와 대부분의 쇼핑몰 솔루션이 지원합니다. 이미지 용량 줄이기에서 포맷을 WebP로, 품질을 80으로 두면 됩니다. 투명 배경이 필요한 로고나 누끼 이미지도 WebP는 투명을 지원하므로 PNG보다 훨씬 가볍게 만들 수 있습니다.
단, 일부 오픈마켓(예: 특정 카테고리의 이미지 검수)이 JPG만 받는 경우가 있으니 등록 화면의 허용 포맷을 한 번 확인하세요.
실전 순서
- 촬영 원본(보통 4000px 이상)을 이미지 크기 조절에서 가로 1200px로 줄이기
- 이미지 용량 줄이기에서 WebP, 품질 80으로 저장
- 여러 장을 한 번에 올리면 ZIP으로 묶여 내려오니 폴더째 작업
화질이 아까울 때
품질 80과 100의 차이는 확대해서 비교해야 겨우 보이지만 용량은 3배 차이가 납니다. 색감이 중요한 의류·화장품이라면 85, 그 외에는 75~80이면 충분합니다.