BigCommerce는 각 이미지 유형에 대한 특정 가이드라인이 있으며, 잘못된 크기를 업로드하면 흐릿한 상품 사진, 레이아웃 오류, 또는 스토어 전환율에 영향을 미치는 느린 페이지 로드가 발생합니다. 이 가이드는 2026년 모든 BigCommerce 이미지 유형의 정확한 권장 치수를 다룹니다 — 상품 이미지, 카테고리 배너, 홈페이지 히어로, 로고, 파비콘까지.

BigCommerce 이미지 크기 — 빠른 참조

상품 이미지: 1280×1280 px (정사각형, 1:1) — 권장
카테고리 배너: 1200×400 px (3:1 비율)
홈페이지 히어로 / 배너: 1920×600 px 또는 1920×800 px
로고: 250×100 px (투명 배경 PNG)
파비콘: 32×32 px 또는 16×16 px (ICO 또는 PNG)
최대 파일 크기: 상품 이미지당 2 MB (플랜에 따라 다름); 기타 이미지는 최대 10 MB
지원 형식: JPG, PNG, GIF, WebP

BigCommerce의 이미지 처리 방식

크기를 살펴보기 전에, BigCommerce가 업로드된 이미지를 어떻게 처리하는지 이해하면 도움이 됩니다:

자동 썸네일 생성: BigCommerce는 원본 업로드에서 자동으로 여러 썸네일 크기를 생성합니다 — 80×80, 100×100, 160×160, 256×256, 512×512 px. 한 번만 업로드하면 나머지는 BigCommerce가 처리합니다.
Akamai CDN: 모든 이미지는 Akamai의 글로벌 CDN을 통해 저장 및 전달되므로, 별도 설정 없이 전 세계 고객에게 빠르게 로드됩니다.
자동 WebP 변환: BigCommerce는 업로드된 이미지를 WebP로 변환하여 최신 브라우저에 자동으로 제공합니다. JPG 또는 PNG를 업로드하면 BigCommerce가 WebP 전달을 처리합니다.
가장 큰 버전을 업로드하세요: BigCommerce는 업로드에서 썸네일을 생성하므로, 항상 보유한 가장 높은 품질의 버전을 업로드하세요. 저해상도 이미지를 업로드한 후에는 품질을 개선할 수 없습니다.

BigCommerce 상품 이미지 크기

상품 이미지는 BigCommerce 스토어에서 가장 중요한 이미지입니다. 올바른 크기를 사용하면 고객이 상품을 신뢰하고 구매하는 데 직접적인 영향을 미칩니다.

권장 크기: 1280×1280 px — 이커머스 상품 사진의 표준 정사각형 형식
정사각형 (1:1) 비율: BigCommerce 기본 테마는 정사각형 그리드에 상품 이미지를 표시합니다. 모든 상품에 일관된 1:1 비율을 사용하면 깔끔하고 전문적인 카탈로그가 완성됩니다.
주요 상품 표시: 기본 BigCommerce 테마에서 주요 상품 이미지는 최대 608 px 너비로 표시됩니다. 1280 px로 업로드하면 레티나/HiDPI 화면에 2× 해상도를 제공하여 최신 기기에서 선명하게 표시됩니다.
자동 생성 썸네일 크기: BigCommerce는 업로드된 이미지에서 80×80, 100×100, 160×160, 256×256, 512×512 px 썸네일을 생성합니다. 모두 단일 업로드에서 파생됩니다.
상품당 최대 8개 이미지가 대부분의 BigCommerce 플랜 기본값입니다.
주요 상품 사진에는 흰색 또는 중성 배경을 사용하세요 — 일관된 배경이 상품 그리드를 전문적이고 통일된 모습으로 만듭니다.

상품 이미지가 정사각형이 아닌 경우(예: 와이드 배너 또는 세로형 패키지 사진), 이미지 자르기 도구를 사용하여 업로드 전에 1:1로 자르세요. 이렇게 하면 상품 그리드에서 예기치 않은 레터박스 처리나 자름을 방지할 수 있습니다.

BigCommerce 카테고리 이미지 크기

카테고리 이미지는 카테고리 목록 페이지 상단에 배너로 나타나며, 상품 그리드 위에 표시됩니다. 고객이 스토어의 섹션을 탐색할 때 처음 보는 이미지입니다.

권장 크기: 1200×400 px (3:1 화면 비율)
중요한 텍스트와 핵심 콘텐츠는 이미지 중앙 60% 안에 배치하세요 — 모바일 좁은 화면에서 좌우 가장자리가 잘립니다.
파일 형식: 사진 카테고리 이미지에는 JPEG, 텍스트가 많거나 일러스트 배너에는 PNG.
카테고리 페이지 빠른 로딩을 위해 300 KB 미만을 목표로 하세요.

홈페이지 히어로 / 배너 이미지 크기

홈페이지 히어로는 BigCommerce 스토어프론트 상단의 전체 너비 배너입니다. 방문자가 처음 보는 이미지이자 스토어에서 성능이 가장 중요한 이미지입니다.

권장 크기: 1920×600 px (표준 배너, 3.2:1 비율)
세로형 히어로 변형: 1920×800 px (2.4:1) — 더 높은 히어로 섹션의 테마에 적합
1920 px 전체 너비는 와이드 포맷 디스플레이를 포함한 대부분의 데스크톱 모니터를 커버합니다.
JPEG 품질 85 — 빠른 스크롤 위 로딩을 위해 500 KB 미만으로 유지하세요. 느린 히어로 이미지는 LCP(최대 콘텐츠풀 페인트) 점수를 직접 높입니다.
행동 유도 텍스트와 핵심 피사체를 중앙에 배치하세요 — 작은 화면에서 가장자리 콘텐츠가 잘립니다.

업로드 전에 이미지 압축기를 사용하여 히어로 이미지를 500 KB 미만으로 줄이세요. 품질 85에서 잘 압축된 1920 px JPEG는 보통 200–400 KB 사이로, 눈에 띄는 품질 손실 없이 유지됩니다.

BigCommerce 로고 크기

스토어 로고는 BigCommerce 스토어의 모든 페이지 헤더에 나타납니다. 선명하고 올바른 크기의 로고는 브랜드 신뢰도를 강화합니다.

권장 크기: 250×100 px — 이커머스 헤더용 표준 가로형 로고 형식
형식: 투명 배경 PNG — 어떤 헤더 색상(흰색, 어두운 색, 컬러)에서도 로고가 올바르게 표시됩니다.
SVG 지원: 최신 BigCommerce 테마는 SVG 로고를 지원하여 파일 크기에 관계없이 모든 해상도에서 완벽하게 크기가 조정됩니다.
레티나 디스플레이용: 2×(500×200 px)로 업로드하면 테마가 250×100 px로 표시하여 고DPI 화면에서 선명함을 보장합니다.
PNG 로고의 경우 50 KB 미만을 목표로 하세요.

BigCommerce 파비콘 크기

32×32 px (브라우저 탭에 표시되는 표준 파비콘)
16×16 px (구형 브라우저용 레거시 파비콘)
형식: ICO 또는 PNG
디자인을 매우 단순하게 유지하세요 — 전체 로고는 16–32 px에서 읽을 수 없습니다. 대신 심볼이나 이니셜을 사용하세요.

BigCommerce 이미지 파일 크기 목표

상품 이미지: 100–300 KB (JPEG 품질 85, 1280 px)
카테고리 배너: 150–400 KB
히어로 이미지: 200–500 KB
로고: 50 KB 미만 (PNG)

BigCommerce CDN은 이미지를 효율적으로 전달하지만, 업로드한 파일을 재압축하지 않습니다. 업로드 전 압축이 빠른 전달을 보장하는 유일한 방법입니다. 이미지 압축기를 사용하여 업로드 전에 이 목표치를 달성하세요.

BigCommerce 스토어 성능 팁

상품 사진: JPEG 품질 85가 최적입니다 — 고객이 선명하게 확대할 수 있으면서 파일 크기는 작게 유지됩니다. 카메라 원본 파일이나 미압축 내보내기는 업로드하지 마세요.
인포그래픽 스타일 상품 이미지 (텍스트 오버레이, 콜아웃, 색상 견본 포함): PNG를 사용하여 JPEG가 흐리게 만들 수 있는 선명한 텍스트와 날카로운 모서리를 보존하세요.
모든 상품에 일관된 1:1 비율 유지: 균일한 상품 그리드는 전문 스토어의 가장 강력한 신호 중 하나입니다. 업로드 전에 자르기 도구를 사용하여 모든 상품 이미지를 표준화하세요.
이미지 크기 조정 도구 사용: 업로드 전에 이미지를 정확히 1280×1280 px로 설정하세요. 초대형 파일(예: DSLR의 4000×4000 px) 업로드는 저장 공간을 낭비하고 불필요한 처리 부하를 추가합니다.
업로드 전에 압축하세요: BigCommerce CDN은 업로드된 그대로 파일을 전달합니다. Shopify와 달리 BigCommerce는 WebP 변환 이외에 이미지를 자동으로 재압축하지 않으므로, 업로드 시 파일 크기가 곧 전달 시 파일 크기입니다.

일반적인 BigCommerce 이미지 문제

상품 그리드가 불균형하게 보임: 이미지가 혼합 화면 비율을 가지고 있습니다. 이미지 자르기 도구를 사용하여 모든 상품 이미지를 1:1(정사각형)로 표준화하세요.
확대 시 상품 이미지가 흐릿하게 보임: 너무 낮은 해상도(800 px 미만)로 업로드되었습니다. 최소 1280 px로 업로드하세요 — BigCommerce 확대 기능은 업로드된 해상도까지 스케일업합니다.
페이지 로딩이 느림: 히어로 또는 배너 이미지가 너무 큽니다 (1 MB 초과). 업로드 전에 압축하고 크기를 조정하세요.
레티나 화면에서 로고가 흐릿하게 보임: 로고가 2× 대신 표시 크기(250×100 px)로 업로드되었습니다. 두 배 해상도(500×200 px)로 다시 내보내세요.
컬러 헤더에서 로고 배경이 보임: 로고가 JPG로 저장되었습니다(흰색 배경). 투명 배경의 PNG로 다시 내보내세요.
카테고리 이미지가 모바일에서 잘못 잘림: 피사체나 텍스트가 가장자리에 너무 가깝게 배치되었습니다. 핵심 콘텐츠를 이미지 중앙 60% 이내에 유지하세요.