Picovert

WooCommerce 이미지 크기 가이드: 제품, 썸네일, 갤러리

Picovert 팀 작성2026-04-065분 분량

WooCommerce 쇼핑몰은 이미지로 제품을 판매합니다 — 흐릿하거나 너무 큰 이미지는 전환율과 페이지 속도 모두를 떨어뜨립니다. WooCommerce는 이미지 자르기와 크기 조정을 자동으로 처리하지만, 처음부터 올바른 크기와 파일 크기로 업로드해야 잘 작동합니다. 이 가이드는 쇼핑몰의 모든 이미지 유형에 필요한 정확한 크기를 다룹니다.

WooCommerce의 이미지 처리 방식

WooCommerce는 모든 업로드에서 여러 이미지 크기를 생성합니다:

  • 단일 제품 이미지: 제품 상세 페이지에 표시되는 큰 이미지
  • 제품 썸네일: 제품 목록, 장바구니, 관련 제품에 사용되는 작은 이미지
  • 제품 카탈로그 이미지: 쇼핑, 카테고리, 아카이브 페이지에 사용되는 중간 이미지

이 크기는 WooCommerce → 설정 → 제품 → 표시에서 설정합니다. WordPress도 자체 이미지 크기를 생성하므로 서버에 각 이미지의 사본이 5~10개가 됩니다 — 처음부터 올바르게 크기가 조정된 원본을 사용해야 하는 이유입니다.

권장 WooCommerce 이미지 크기

  • 제품 메인 이미지 (단일 제품 페이지): 최소 800×800 px, 권장 1000×1000 px (정사각형). 대부분의 WooCommerce 테마는 정사각형 또는 거의 정사각형 제품 이미지를 사용합니다. 레티나 화면에서 선명하게 표시하려면 표시 크기의 2× — 1000 px는 500 px로 표시할 때 선명합니다
  • 카탈로그 / 쇼핑 페이지 이미지: 600×600 px ~ 800×800 px. 제품 그리드에 표시되는 이미지입니다. 정사각형 이미지는 제품 간 일관된 레이아웃을 제공합니다 — 카탈로그에서 가로와 세로 방향을 혼용하지 마세요
  • 썸네일 (장바구니, 관련 제품): 150×150 px ~ 300×300 px. 작고 빠르게; 각각 30 KB 미만으로 유지
  • 제품 갤러리 이미지: 확대 가능한 라이트박스용 1000×1000 px. WooCommerce 확대 기능에는 더 큰 원본 이미지가 필요합니다 — 1200×1200 px로 업로드하면 확대 기능에 여유가 생깁니다
  • 카테고리 배너 / 헤더: 테마에 따라 1200×400 px ~ 1920×600 px. 넓은 가로 이미지이므로 작은 화면에서 잘리지 않도록 핵심 내용을 중앙에 배치하세요

파일 형식 및 품질

  • JPEG: 모든 제품 사진 — 의류, 전자제품, 식품, 라이프스타일 사진에 사용. 80~85% 품질로 내보내기. 85% JPEG 품질의 1000×1000 제품 사진은 80~150 KB여야 합니다
  • PNG: 투명 배경이 필요한 경우만 사용 — 흰색 또는 맞춤 색상 배경의 독립 제품 사진. PNG 제품 이미지는 동일한 JPEG의 3~5배 크기입니다; 파일 크기를 줄이려면 이미지 압축을 사용하세요
  • WebP: 최신 테마와 페이지 빌더는 WebP를 지원합니다; 같은 품질에서 JPEG보다 25~35% 작은 파일을 제공합니다. 테마와 CDN이 지원한다면 JPEG 제품 이미지를 업로드 전에 WebP로 변환하세요
  • TIFF, BMP, HEIC 피하기: 이 형식들은 웹 전달에 최적화되어 있지 않아 로드 시간이 크게 늘어납니다

파일 크기 목표

  • 제품 메인 이미지: 이미지당 200 KB 미만. 1000×1000 JPEG는 80~150 KB 목표
  • 카탈로그 이미지: 각각 100 KB 미만
  • 썸네일: 각각 30 KB 미만
  • 갤러리 이미지: 각각 200 KB 미만 — 갤러리 이미지 5개가 있는 제품 페이지는 총 1 MB 이하여야 합니다

큰 이미지는 느린 WooCommerce 페이지의 가장 일반적인 원인입니다. Google PageSpeed Insights는 200 KB 이상의 이미지에 경고를 표시합니다 — 느린 쇼핑몰은 고객이 제품을 보기 전에 이탈합니다. 업로드 전에 이미지 압축을 사용하세요.

화면 비율: 정사각형이 최선인 이유

WooCommerce 테마는 제품 간 일관된 이미지 크기를 기대합니다. 한 제품 이미지가 800×600 (가로)이고 다른 이미지가 600×900 (세로)이면 WooCommerce는 둘 다 정사각형으로 잘라내어 사진의 중요한 부분이 잘릴 수 있습니다.

  • 모든 제품 이미지를 업로드 전에 1:1 정사각형 비율로 촬영하거나 잘라냅니다. 이렇게 하면 썸네일과 카탈로그에 표시되는 내용을 가장 잘 제어할 수 있습니다
  • 이미지 자르기를 사용하여 제품 사진을 정사각형으로 변환하고 모든 면에 동일한 여백으로 제품을 중앙에 배치하세요
  • 의류나 키 큰 제품의 경우 테마가 비정사각형 이미지를 지원한다면 4:5 비율 (800×1000 px)도 가능합니다 — 예상 비율은 테마 문서를 확인하세요

크기 변경 후 썸네일 재생성

제품 업로드 후 WooCommerce 이미지 크기를 변경하면 기존 이미지가 자동으로 업데이트되지 않습니다. 썸네일을 재생성해야 합니다:

  • 무료 Regenerate Thumbnails 플러그인을 설치하고 이미지 크기 설정 변경 후 실행하세요
  • 또는 WP-CLI 사용: wp media regenerate --all
  • 썸네일 재생성은 대형 쇼핑몰에서 몇 분이 걸릴 수 있습니다 — 트래픽이 적은 시간에 실행하세요

단계별: WooCommerce 제품 이미지 준비

  1. 1200×1200 px 이상으로 제품 이미지를 촬영하거나 구하세요. 정사각형 이미지는 WooCommerce의 예상치 못한 잘라내기를 방지합니다
  2. 모든 면에 동일한 여백으로 제품을 중앙에 배치하며 1:1 정사각형 비율로 자르기. 일관된 여백이 전문적인 카탈로그를 만듭니다
  3. 메인 제품 이미지와 갤러리용 1000×1000 px, 또는 카탈로그 전용 이미지는 600×600 px로 크기 조정
  4. 제품 이미지는 150 KB 미만으로 압축. 80~85% JPEG 품질 사용 또는 더 작은 파일을 위해 WebP로 변환
  5. 최적화된 이미지를 WooCommerce 제품 이미지로 업로드. 갤러리 이미지는 제품 편집기에서 추가 제품 사진으로 추가

WooCommerce 이미지 크기 빠른 참조

  • 제품 메인 이미지: 1000×1000 px, JPEG 80~85%, 150 KB 미만
  • 카탈로그 이미지: 600×600 px ~ 800×800 px, 100 KB 미만
  • 썸네일: 150×150 px ~ 300×300 px, 30 KB 미만
  • 갤러리 (확대 가능): 1200×1200 px, 200 KB 미만
  • 카테고리 배너: 1200×400 px ~ 1920×600 px, JPEG
  • 비율: 모든 제품 이미지에 1:1 정사각형