Picovert

BigCommerce용 이미지 압축 방법: 스토어 속도 향상

Picovert 팀 작성2026-02-235분 분량

BigCommerce 스토어는 이미지 성능에 의해 성패가 결정됩니다. 상품 이미지는 페이지 무게의 가장 큰 기여자이며, 큰 이미지는 스토어의 Core Web Vitals를 늦추고, SEO 순위를 저하시키며, 모바일 쇼핑객이 상품을 보기도 전에 이탈하게 만듭니다. BigCommerce 이미지를 압축하고 최적화하는 것은 스토어에 할 수 있는 최고의 ROI 개선 중 하나입니다.

BigCommerce 이미지 크기 권장 사항

  • 상품 이미지: 1280×1280 px가 상품 이미지에 권장되는 크기입니다. BigCommerce는 메인 이미지에서 자동으로 썸네일을 생성하므로 고해상도 버전만 업로드하면 됩니다
  • 배너 이미지: 전체 너비 배너는 1920×600 px에서 1920×800 px여야 합니다. 레티나 디스플레이는 2× 해상도를 사용하지만 파일 크기가 두 배가 됩니다 — 그에 맞게 압축하세요
  • 카테고리 헤더 이미지: 1280×400 px에서 1280×600 px가 카테고리 헤더에 일반적입니다
  • 로고: 다양한 디바이스 크기에서 최적의 외관을 위해 투명도가 있는 300~400 px 너비의 PNG

BigCommerce 이미지 파일 크기 제한

  • 상품 이미지: 이미지당 최대 8 MB (플랫폼이 이 제한까지 허용하지만, 빠른 로딩을 위해 500 KB 미만을 목표로 해야 합니다)
  • 배너 및 배경 이미지: 하드 제한은 없지만, 빠른 로드 시간을 위해 전체 너비 배너 이미지는 300 KB 미만을 목표로 하세요
  • 권장 파일 크기: 상품 이미지 100~400 KB; 배너 이미지 150~300 KB; 썸네일 20~60 KB

BigCommerce에 최적화된 이미지 형식

  • WebP: BigCommerce 상품 이미지에 최선의 선택. WebP는 동일한 품질에서 JPG보다 25~35% 더 작습니다. BigCommerce 테마는 기본으로 WebP를 지원합니다
  • JPEG/JPG: 모든 브라우저에서 안정적인 대안. 상품 사진에는 80~85% 품질로 JPG를 사용하세요
  • PNG: 그래픽, 로고, 투명도가 필요한 이미지에 최적. 로고에는 투명도가 있는 PNG-24를; 단색 그래픽에는 PNG-8을 사용하세요
  • AVIF: WebP보다도 더 작지만 지원이 덜 됩니다. 목표 고객이 현대적인 브라우저만 사용하는 경우 보조 옵션으로 사용하세요

BigCommerce용 이미지 압축 방법

  1. 이미지 크기 조정기를 사용하여 상품 이미지를 1280×1280 px로 준비하세요
  2. 이미지 압축기를 열고 상품 이미지를 업로드하세요 (일괄 업로드 지원)
  3. JPG 이미지에는 품질을 80~85%로 설정하거나, 최대 압축을 위해 WebP 출력을 사용하세요
  4. 압축된 이미지를 다운로드하고 상품 이미지 관리자 또는 일괄 가져오기를 통해 BigCommerce에 업로드하세요

SEO를 위한 BigCommerce 이미지 최적화

BigCommerce는 상품 이미지에 대한 alt 텍스트를 설정할 수 있어 SEO에 중요합니다. alt 텍스트 외에도 이미지 최적화는 여러 방면에서 SEO에 영향을 미칩니다:

  • 페이지 속도: Google의 Core Web Vitals에는 LCP(Largest Contentful Paint)가 포함되어 있으며, 이는 이커머스 페이지에서 거의 항상 상품 이미지입니다. 압축된 이미지는 LCP 점수를 직접 개선합니다
  • 모바일 우선 인덱싱: Google은 인덱싱에 주로 페이지의 모바일 버전을 사용합니다. 큰 이미지가 있는 모바일 페이지는 순위가 더 낮습니다. 모바일 최적화 인덱싱을 위해 상품 이미지당 300 KB 미만을 목표로 하세요
  • 이미지 사이트맵: BigCommerce는 이미지 사이트맵을 자동 생성합니다. 설명적인 alt 텍스트를 가진 압축된 잘 명명된 이미지는 Google 이미지 검색에 표시됩니다

기존 BigCommerce 이미지 처리

기존 스토어에 이미 최적화되지 않은 큰 이미지가 있는 경우, 압축된 버전을 다시 업로드해야 합니다. BigCommerce는 업로드 시 자동으로 이미지를 압축하지 않습니다. 일괄 최적화:

  • 상품 카탈로그를 내보내서 모든 상품 이미지 URL을 식별하세요
  • BigCommerce CDN URL에서 각 이미지를 다운로드하세요
  • 이미지 압축기로 일괄 압축하세요 — 한 번에 여러 이미지를 업로드하고 ZIP으로 다운로드하세요
  • 각 상품 목록에 압축된 이미지를 다시 업로드하세요

BigCommerce 테마 이미지 설정

BigCommerce의 Stencil 테마는 테마 구성에 내장된 이미지 최적화 설정을 포함합니다. 확인할 주요 설정:

  • 상품 이미지 크기: 테마 구성 또는 Page Builder에서 설정됩니다. 불필요한 서버 측 크기 조정을 피하기 위해 업로드된 이미지 해상도를 구성된 크기와 맞추세요
  • 지연 로딩: 초기 페이지 로드 속도를 개선하기 위해 테마가 폴드 아래 이미지에 대해 네이티브 지연 로딩(loading="lazy")을 사용하는지 확인하세요

이미지 압축기로 BigCommerce에 업로드하기 전에 모든 이미지를 압축하세요 — 무료, 비공개, 브라우저에서 실행됩니다. 최적화된 이미지는 더 빨리 로드되고, 더 높은 순위를 차지하며, 더 많은 쇼핑객을 구매자로 전환합니다.

모든 플랫폼을 위한 이미지 압축 →