상품 썸네일 이미지 압축 체크리스트

상품 썸네일은 사용자가 목록에서 가장 먼저 보는 이미지입니다. 작게 보이지만 페이지에 수십 장이 동시에 노출되므로 전체 로딩 속도에 큰 영향을 줍니다. 썸네일 최적화는 쇼핑몰 성능 개선에서 우선순위가 높은 작업입니다.

썸네일은 실제 표시 크기보다 지나치게 큰 원본을 사용할 필요가 없습니다. 카드형 목록에서 300~600px 정도로 보이는 이미지를 2000px 원본 그대로 넣으면 네트워크 비용만 늘어납니다. 표시 영역에 맞춰 리사이즈하고 압축하는 것이 좋습니다.

압축 품질은 65~75 정도부터 테스트해볼 수 있습니다. 썸네일은 작게 보이기 때문에 상세 이미지보다 낮은 품질도 자연스럽게 보이는 경우가 많습니다. 다만 패션, 뷰티, 인테리어처럼 색감이 구매 판단에 중요한 카테고리는 결과를 더 꼼꼼히 비교해야 합니다.

썸네일은 배경과 상품의 대비가 중요합니다. 압축 후 경계가 흐려지거나 흰 배경에 노이즈가 생기면 클릭률에 영향을 줄 수 있습니다. 여러 상품을 같은 기준으로 압축하되, 대표 상품 이미지는 별도로 확인하는 습관이 필요합니다.

• 실제 목록 카드 크기에 맞춰 리사이즈합니다.
• 썸네일은 상세 이미지보다 강하게 압축해도 됩니다.
• 색감이 중요한 카테고리는 품질을 조금 높게 둡니다.
• 흰 배경 노이즈와 상품 경계 흐림을 확인합니다.
• 카테고리 목록 전체 로딩 속도를 기준으로 판단합니다.