이커머스 제품 페이지 이미지 최적화 방법 | Bulk Image Compressor
제품 이미지는 물건을 판매합니다. 쇼핑객이 디테일을 선명하게 볼 수 없으면 구매하지 않습니다. 하지만 이미지가 너무 커서 페이지가 느리게 로드되면 이미지 로딩이 끝나기도 전에 떠나버립니다. 이 균형을 맞추는 것은 온라인 스토어를 위해 할 수 있는 가장 실용적인 일 중 하나입니다.
좋은 소식은 품질과 속도 사이에서 선택할 필요가 없다는 것입니다. 올바른 압축 설정과 포맷을 사용하면 제품 사진이 모든 기기에서 빠르게 로드되면서 화면에서 선명하게 보일 수 있습니다.
제품 이미지 크기가 중요한 이유
일반적인 제품 페이지에는 48개의 이미지가 있습니다: 메인 사진, 몇 가지 각도, 디테일 샷, 제품 사용 모습을 보여주는 라이프스타일 이미지. 각각이 사진작가의 압축되지 않은 4MB 파일이라면 페이지당 1632MB의 이미지입니다.
느린 제품 페이지는 직접적으로 매출에 타격을 줍니다. Deloitte의 연구에 따르면 모바일 사이트 속도 0.1초 개선이 리테일 사이트의 전환율 8.4% 증가로 이어졌습니다. 이커머스 페이지 속도의 가장 큰 요인은 거의 항상 이미지입니다.
모바일 요소도 있습니다. 대부분의 온라인 쇼핑은 휴대폰에서 이루어집니다. 제품 이미지는 빠른 Wi-Fi뿐만 아니라 셀룰러 연결에서도 빠르게 로드되어야 합니다.
흰 배경 샷 vs 라이프스타일 사진
이 두 가지 유형의 제품 이미지는 서로 다른 압축 특성을 가집니다.
흰 배경 제품 샷은 Amazon, eBay 및 대부분의 제품 리스팅 페이지에서 볼 수 있는 것입니다. 일반적으로 제품이 중앙에 있는 깨끗한 흰색 배경이 있습니다. 이러한 이미지는 넓은 영역의 단색 흰색이 매우 적은 데이터를 필요로 하기 때문에 매우 잘 압축됩니다. 종종 75~80% JPEG 품질로 압축해도 거의 차이를 볼 수 없습니다.
라이프스타일 사진은 실제 환경에서 제품을 보여줍니다. 주방 조리대 위의 커피 머그, 야외 모델의 재킷, 도시 인도의 신발. 이러한 이미지는 다양한 배경, 질감, 조명으로 더 많은 시각적 복잡성을 가집니다. 디테일을 유지하기 위해 약간 더 높은 품질 설정(약 80~85%)이 필요합니다.
두 유형 모두 원본보다 훨씬 작아질 수 있습니다. 5MB의 흰 배경 제품 샷은 일반적으로 200400KB로 압축됩니다. 6MB 라이프스타일 사진은 300600KB로 압축됩니다.
플랫폼 요구사항 및 권장사항
다양한 이커머스 플랫폼에는 자체 이미지 가이드라인이 있습니다. 주요 플랫폼의 사양은 다음과 같습니다:
Shopify는 2048 x 2048 픽셀의 이미지를 권장합니다. 최대 파일 크기는 20MB이지만, 이미지를 그보다 훨씬 작게 유지할 것을 강력히 제안합니다. Shopify는 자동 압축을 수행하고 브라우저가 지원할 때 WebP를 제공하지만, 최적화된 이미지로 시작하는 것이 더 나은 결과를 제공합니다.
WooCommerce는 자체 호스팅에서 실행되므로 엄격한 제한을 적용하지 않습니다. 즉, 이미지 최적화는 전적으로 귀하의 책임입니다. 기본 썸네일 크기는 카탈로그용 600 x 600이고 제품 페이지용 전체 이미지 크기입니다. 업로드 전에 크기를 조정하고 압축해야 합니다.
Amazon은 가장 긴 쪽이 최소 1000픽셀(확대 기능용)을 요구하고 2000픽셀을 권장합니다. 최대 파일 크기는 10MB입니다. 메인 이미지는 순수 흰색 배경(RGB 255, 255, 255)이어야 합니다. Amazon은 자체적으로 이미지를 압축하지만, 이미 최적화된 이미지를 업로드하면 최종 결과를 더 잘 제어할 수 있습니다.
Etsy는 가장 짧은 쪽이 2000픽셀을 권장합니다. 최대 1MB의 파일을 허용합니다. Etsy의 제한이 상대적으로 작기 때문에 업로드 전에 거의 확실히 압축이 필요합니다.
권장 크기 및 파일 크기
대부분의 이커머스 플랫폼에 대한 실용적인 목표는 다음과 같습니다:
| 이미지 유형 | 크기 | 목표 파일 크기 |
|---|---|---|
| 메인 제품 사진 | 2000 x 2000px | 200~400KB |
| 대체 각도 | 2000 x 2000px | 200~400KB |
| 디테일/확대 샷 | 2000 x 2000px | 250~500KB |
| 라이프스타일 사진 | 2000 x 1333px | 300~600KB |
| 썸네일 | 600 x 600px | 30~60KB |
이 크기는 페이지를 빠르게 유지하면서 확대 기능에 충분한 해상도를 제공합니다. 제품 페이지당 총 이미지 로드는 이상적으로 2MB 미만으로 유지해야 합니다.
올바른 포맷 선택
JPEG는 제품 사진의 표준입니다. 사진을 잘 처리하고 모든 곳에서 지원됩니다. 기본값으로 사용하세요.
WebP는 동일한 시각적 품질에서 JPEG보다 약 25~35% 더 나은 압축을 제공합니다. 플랫폼이 지원한다면(Shopify는 자동으로, WooCommerce는 플러그인 필요) WebP는 확실한 업그레이드입니다. 포맷에 대한 더 깊은 비교는 JPEG vs PNG vs WebP 가이드를 읽어보세요.
PNG는 제품 이미지에 투명도가 필요할 때만 필요합니다. 예를 들어 배경 없이 제품을 보여줘야 하는 품목을 판매하는 경우 PNG가 투명도를 보존합니다. 그렇지 않으면 파일 크기가 훨씬 크기 때문에 제품 사진에 PNG를 피하세요.
제품 카탈로그 배치 처리
수십 또는 수백 개의 제품이 있는 스토어가 있다면 이미지를 하나씩 압축하는 것은 현실적이지 않습니다. 200개 제품에 각각 5개 이미지가 있는 제품 카탈로그는 1,000개의 이미지를 처리해야 합니다.
이때 배치 압축이 시간을 절약해줍니다. Bulk Image Compressor를 사용하면 제품 이미지 전체 폴더를 드롭하고 한 번에 모두 압축할 수 있습니다. 모든 것이 브라우저에서 실행되므로 제품 사진이 외부 서버에 업로드되지 않습니다. 이는 출시 전에 공유하고 싶지 않은 미출시 제품이나 이미지로 작업할 때 중요합니다.
제품 카탈로그에 잘 작동하는 워크플로우는 다음과 같습니다:
-
먼저 크기를 조정하세요. 모든 이미지를 올바른 크기(대부분 플랫폼의 경우 2000 x 2000px)로 만드세요. 2000px로만 표시될 6000px 이미지를 압축에 보내지 마세요.
-
유형별로 분리하세요. 흰 배경 샷을 한 배치에, 라이프스타일 사진을 다른 배치에 넣으세요. 이렇게 하면 각각에 다른 품질 설정을 사용할 수 있습니다.
-
흰 배경 샷을 75~80% 품질로 압축하세요. 깨끗한 배경은 낮은 설정에서 효율적으로 압축됩니다.
-
라이프스타일 사진을 80~85% 품질로 압축하세요. 이러한 이미지의 추가 디테일은 약간 더 높은 품질의 혜택을 받습니다.
-
몇 가지 결과를 점검하세요. 압축된 이미지 몇 개를 열어 원본과 비교하세요. 포장재의 텍스트가 여전히 읽을 수 있고 제품 디테일이 선명한지 확인하세요. 자세한 내용은 품질 저하 없이 파일 크기 줄이기 가이드를 참조하세요.
-
플랫폼에 업로드하세요. 원본을 압축된 버전으로 교체하세요.
수익에 미치는 영향
더 빠른 제품 페이지는 더 많은 판매를 의미합니다. 그만큼 직접적입니다. 쇼핑객이 검색 결과나 광고에서 제품을 클릭하면 기다릴지 뒤로 가기 버튼을 누를지 결정하기까지 약 2~3초가 있습니다.
최적화된 이미지는 호스팅 및 CDN 비용도 줄여줍니다. 월 500,000회의 제품 페이지 조회수를 제공하고 평균 이미지 페이로드를 페이지당 8MB에서 1.5MB로 줄이면 테라바이트 단위의 대역폭이 절약됩니다.
제품 사진은 온라인 스토어에서 가장 중요한 에셋입니다. 적절히 압축하면 쇼핑객이 필요로 하는 시각적 품질을 유지하면서 실제로 구매로 이어지는 빠른 경험을 제공할 수 있습니다.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor