WooCommerce 제품 이미지 크기 설정에서 대부분의 쇼핑몰이 잘못 사용하는 방법 (2026년 기준)

WooCommerce 제품 이미지 크기는 모든 온라인 스토어에서 가장 간과되는 설정 중 하나입니다. 대부분의 스토어 운영자는 카메라에서 나오는 이미지 크기를 그대로 업로드하고 WooCommerce의 기본 설정으로 둔 채 그대로 사용합니다.

그러고 나서 그들은 왜 일부 페이지에서 제품 이미지가 흐릿하게 보이는지, 왜 핵심 웹 바이탈 점수가 낮은지, 또는 왜 모바일 쇼핑객이 제품 페이지가 로드되기도 전에 이탈하는지 의아해합니다.

Seahawk Media는 모든 업종의 WooCommerce 스토어를 관리합니다. 그런데 공통적으로 나타나는 문제가 있습니다. 이미지 크기 문제가 아예 무시되거나, 제품 카탈로그 전체에 걸쳐 일관성 없이 처리되는 경우가 많다는 것입니다.

WordPress와 WooCommerce로 구축된, 뛰어난 성능을 자랑하는 전자상거래 웹사이트가 실제로 어떤 모습인지 보고 싶으시다면 포트폴리오에서 다양한 산업 분야의 실제 사례를 확인해 보세요.

이 가이드에서는 2026년에 적합한 이미지 크기, WooCommerce에서 이미지 크기를 처리하는 방식, 업로드해야 할 이미지 종류, 이미지 형식 지정 방법, 그리고 판매에 집중할 수 있도록 이미지를 자동으로 최적화하는 도구에 대해 다룹니다.

요약: WooCommerce 제품 이미지 크기

• 대부분의 WooCommerce 쇼핑몰에 가장 적합한 제품 이미지 크기는 단일 제품 페이지의 경우 800 x 800픽셀, 카탈로그 그리드의 경우 600 x 600픽셀입니다.

• WooCommerce에서 품질 손실 없이 모든 크기의 이미지를 생성할 수 있도록 최소 1200 x 1200 픽셀 크기의 원본 이미지를 업로드하십시오.

• WooCommerce는 제품 이미지, 카탈로그 썸네일, 갤러리 썸네일 등 세 가지 크기의 이미지를 자동으로 생성합니다.

• 2026년에는 WebP 형식을 사용하세요. 동일한 화질에서 JPEG보다 25~35% 더 작고 97%의 브라우저에서 지원됩니다.

• 이미지 크기 설정을 변경한 후에는 항상 ShortPixel을 사용하여 이미지를 압축하고 썸네일을 다시 생성하십시오.

• 이미지 크기가 잘못되면 이미지가 흐릿해지고, 로딩 속도가 느려지며, 웹 핵심 지표(Core Web Vitals) 검사에서 불합격하고, 매출 손실로 이어집니다.

WooCommerce는 이미지 크기를 어떻게 처리하나요?

이미지 크기를 선택하기 전에 WooCommerce가 업로드한 이미지를 실제로 어떻게 사용하는지 이해하는 것이 도움이 됩니다. WooCommerce는 세 가지 이미지 크기를 등록하고 업로드 시 원본 파일에서 해당 크기로 이미지를 자동으로 생성합니다.

각 항목의 용도와 기본 설정값은 다음과 같습니다

이미지 크기	기본 크기	사용되는 곳
단일 제품 이미지(woocommerce_single)	너비 600px, 자르지 않음	개별 제품 페이지의 메인 이미지
카탈로그 썸네일(woocommerce_thumbnail)	가로 300픽셀, 정사각형으로 잘린 이미지	쇼핑 페이지 그리드, 카테고리 페이지, 검색 결과
갤러리 썸네일(woocommerce_gallery_thumbnail)	100 x 100픽셀, 정사각형으로 자른 이미지	메인 제품 이미지 아래에 작은 이미지들이 있어 갤러리 탐색이 가능합니다

여기서 가장 중요한 점은 이러한 기본 설정이 보수적이라는 것입니다. 300px 크기의 카탈로그 썸네일은 데스크톱 그리드에서는 괜찮아 보이지만, 최신 레티나 디스플레이에서는 눈에 띄게 흐릿하게 보입니다. 600px 크기의 단일 제품 이미지는 고품질 확대 기능을 위한 공간을 남겨두지 않습니다. 대부분의 온라인 스토어는 처음부터 이러한 설정을 조정해야 합니다.

2026년 WooCommerce 제품 이미지 권장 크기

요약하자면, 원본 이미지는 1200 x 1200 픽셀 이상으로 업로드하세요. 단일 제품 이미지는 너비를 800픽셀로, 카탈로그 썸네일 이미지는 너비를 600픽셀로 설정하세요.

페이지 로딩 속도 및 전환율의 균형을 맞추는 데 권장되는 크기 설정입니다

이미지 유형	권장 사이즈	메모
원본 업로드	최소 1200 x 1200픽셀	WooCommerce에 충분한 해상도를 제공하여 품질 저하 없이 모든 크기를 생성할 수 있도록 합니다
단일 제품 페이지 이미지	800 x 800픽셀	선명하고 확대/축소 기능이 뛰어나며 모든 최신 테마에서 잘 작동합니다
카탈로그 썸네일	600 x 600픽셀	데스크톱과 모바일에서 깔끔한 그리드 레이아웃, 레티나 디스플레이에도 적합
갤러리 썸네일	150 x 150픽셀	갤러리 탐색에 있어 눈에 잘 띄고 명확합니다

WooCommerce 그리드는 일관된 제품 카드 레이아웃을 기반으로 구축되었기 때문에 대부분의 온라인 스토어에는 정사각형 비율이 가장 적합합니다. 카탈로그 전체에 걸쳐 일관된 1:1 비율을 유지하면 전문적이고 일관성 있는 레이아웃을 만들어 고객의 신뢰를 구축할 수 있습니다.

테마에서 정사각형이 아닌 비율(예: 세로 또는 가로 레이아웃)을 사용하는 경우, 테마 사양에 맞는 크기로 설정하고 모든 제품에서 해당 비율을 일관되게 유지하세요.

WooCommerce 제품 유형별 이미지 크기

위에 제시된 크기는 일반 매장에 적합합니다. 하지만 판매하는 제품에 따라 이미지 요구 사항은 크게 달라집니다. 제품 카테고리별 실용적인 기준은 다음과 같습니다.

• 의류 및 패션: 800~1000픽셀 너비의 이미지는 불필요하게 큰 파일 크기를 만들지 않으면서 원단 질감, 바느질, 핏을 보여주기에 충분한 디테일을 제공합니다. 모든 의류 이미지의 가로세로 비율을 일정하게 유지하여 그리드를 균일하게 만드세요.

• 주얼리: 디테일한 클로즈업 이미지가 필수적입니다. 보석, 조각, 정교한 금속 세공의 섬세함을 제대로 표현하려면 고해상도 이미지가 필요합니다. 가로 1000~1500픽셀 크기의 이미지를 사용하고, 고객이 확대/축소 기능을 활용하여 세부 사항을 자세히 살펴볼 수 있도록 테마를 설정하세요.

• 전자제품: 노트북, 스마트폰, 카메라와 같은 제품에서는 기술적인 세부 사항이 중요합니다. 고객은 라벨을 읽고, 포트를 확인하고, 구성 요소를 검사해야 합니다. 모든 디스플레이 유형에서 선명도를 유지하려면 최대 1200~1400픽셀 너비의 이미지를 사용하십시오.

• 가구 및 홈 데코: 이러한 제품은 크기, 질감, 그리고 방 안에서의 배치 모습을 보여주는 라이프스타일 이미지가 중요합니다. 1200~1600픽셀 크기의 이미지가 적합합니다. 세로 및 가로 비율이 모두 일반적이므로 정사각형으로 자르기보다는 테마의 레이아웃에 맞춰 이미지를 배치하세요.

• 디지털 제품 및 소프트웨어: 작은 이미지도 괜찮습니다. 800 x 800 픽셀 크기의 깔끔한 스크린샷이나 목업 이미지면 충분합니다.

WooCommerce 이미지 크기를 변경하는 방법은 무엇인가요?

WooCommerce에서 이미지 크기를 변경하는 데는 5분도 채 걸리지 않습니다. 중요한 것은 무엇을 변경해야 하는지, 그리고 변경 후 무엇을 해야 하는지 아는 것입니다.

1단계: WordPress 관리자 화면에서 [외관] > [사용자 정의]로 이동합니다.

2단계: WooCommerce로 이동한 다음 제품 이미지를 클릭합니다.

3단계: 썸네일 자르기 및 크기를 조정합니다. 변경 사항을 적용하면 오른쪽에 미리보기가 표시됩니다. 게시를 클릭하여 변경 사항을 저장합니다.

커스터마이저에서 이러한 설정을 변경하면 WooCommerce에서 향후 사용할 이미지 크기가 업데이트됩니다. 하지만 기존 제품 이미지는 썸네일을 . 이미지 설정을 업데이트한 후 이 단계를 건너뛰는 것은 쇼핑몰 운영자가 가장 흔히 저지르는 실수 중 하나입니다.

4단계: Regenerate Thumbnails 플러그인을 설치 하고 전체 미디어 라이브러리에서 실행합니다. 이 플러그인은 기존의 모든 이미지를 새 크기에 맞게 다시 처리합니다. 대규모 카탈로그의 경우 이 작업은 백그라운드에서 실행되며 몇 시간이 걸릴 수 있지만, 사용자의 추가 작업은 필요하지 않습니다.

2026년에는 어떤 이미지 형식을 사용해야 할까요?

요약하자면, WebP를 기본 이미지 형식으로 사용하세요. WebP는 JPEG와 동일한 화질을 제공하면서 파일 크기는 25~35% 더 작고, 2026년까지 전 세계 브라우저의 97%가 지원할 예정입니다.

지난 2년 동안 이미지 포맷에 대한 논의는 결정적인 변화를 겪었습니다. 현재 각 포맷의 현황은 다음과 같습니다.

• WebP는 2026년 대부분의 WooCommerce 제품 이미지에 적합한 형식입니다. 모든 주요 브라우저에서 지원하며, 사진, 제품 부분 이미지, 투명 이미지 등을 문제없이 처리할 수 있습니다.

WebP 이미지 품질 80~85는 JPEG 이미지 품질 90~95와 시각적으로 구별할 수 없을 정도로 동일하지만 파일 크기는 훨씬 작습니다. 만약 아직 WebP 이미지를 사용하지 않는다면, 올해 가장 효과적인 이미지 변경 사항이 될 것입니다.

• JPEG는 제품 사진 촬영에 여전히 사용할 수 있지만, 더 이상 최적의 선택은 아닙니다. JPEG는 투명도를 지원하지 않으며, 동일한 품질에서 WebP보다 파일 크기가 훨씬 큽니다.

• PNG는 투명도가 정말 필요한 경우, 예를 들어 색상이 있는 배경 위의 제품 이미지나 텍스트가 겹쳐진 이미지에만 사용해야 합니다. PNG 파일은 사진의 경우 WebP 및 JPEG보다 용량이 상당히 큽니다. 일반적인 제품 사진에는 PNG를 사용하지 마십시오.

• AVIF 는 WebP 이후 차세대 포맷으로, 파일 크기가 훨씬 작습니다. 브라우저 지원은 점차 확대되고 있지만, 아직 일반적인 WooCommerce 스토어에서 기본 포맷으로 사용하기에는 보편화되지 않았습니다. 따라서 지속적인 모니터링은 필요하지만, 대부분의 스토어에서 기본 권장 포맷으로 사용하기에는 아직 이릅니다.

WooCommerce 미디어 라이브러리 전체를 WebP 형식으로 변환하는 가장 쉬운 방법은 모든 이미지를 수동으로 다시 내보내지 않고 ShortPixel을 사용하는 것입니다.

이 서비스는 이미지를 압축하여 (호스팅 리소스에는 영향을 주지 않음), 자동으로 WebP 및 AVIF 형식으로 변환하고 각 브라우저에 적합한 형식으로 제공합니다. 특히 제품 사진에는 Glossy 압축 모드가 적합합니다. 이 모드는 화질 저하 없이 파일 크기를 40~60%까지 줄여줍니다.

이미지 크기가 구글 검색 순위에 영향을 미치는 이유는 무엇일까요?

제품 이미지 크기는 단순히 시각적인 문제만이 아닙니다. 대부분의 쇼핑몰 운영자들이 제대로 인식하지 못하는 두 가지 구체적인 방식으로 구글 검색에서 쇼핑몰의 실적에 직접적인 영향을 미칩니다.

핵심 웹 바이탈 및 최대 콘텐츠 페인트

Google은 이러한 측정항목을 사용하여 페이지 로딩 속도를 측정합니다. 주요 콘텐츠가 얼마나 빨리 로드되는지를 측정하는 ' 가장 큰 콘텐츠 페인트' 측정항목은 WooCommerce 제품 페이지 .

WooCommerce 사이트 속도 와 SEO 성능을 향상시키는 가장 확실한 방법 중 하나입니다

이미지 검색 및 구조화된 데이터

2026년에는 Google Lens 및 AI 기반 검색을 포함한 시각 검색 도구가 전자상거래 검색에 점점 더 중요해질 것입니다. 적절한 Product 및 ImageObject 스키마 마크업 풍부한 이미지 검색 결과에 나타날 가능성이 훨씬 더 높습니다.

AIOSEO 와 Rank Math를 포함한 대부분의 SEO 플러그인은 이 부분을 자동으로 처리하지만, 썸네일이 아닌 가장 고해상도 이미지(800px 이상)를 가리키도록 설정해야 합니다. 이미지 크기를 변경한 후 스키마 설정에서 이를 확인하세요.

모바일 성능

모바일 사용자 중 53%는 페이지 로딩 시간이 3초 이상 걸리면 페이지를 이탈합니다. 모바일 제품 페이지에서 제품 이미지는 거의 항상 가장 용량이 큰 요소입니다. 최적화된 이미지 크기 , WebP 형식, 그리고 지연 로딩은 모바일 성능을 향상시키는 핵심 요소입니다.

전자상거래 사이트 최적화 의 전반적인 맥락에서 어떻게 작용하는지 자세히 알아보려면 이미지부터 결제까지 모든 단계를 다루는 전체 가이드를 참조하세요.

WooCommerce 이미지 관련 일반적인 문제 및 해결 방법

다음은 흔히 발생하는 문제점 몇 가지와 해결 방법입니다

• 흐릿한 상품 이미지: 거의 대부분 WooCommerce에서 설정한 이미지 크기보다 작은 이미지를 업로드했을 때 발생합니다. 단일 상품 이미지 크기를 800px로 설정했는데 400px 크기의 원본 파일을 업로드하면 WooCommerce가 이미지를 늘려서 품질이 저하됩니다. 원본 이미지는 항상 최소 1200px 크기로 업로드하세요. 원본 이미지를 수정한 후에는 '썸네일 재생성' 플러그인을 실행하세요.

• 제품 그리드 레이아웃 불일치: 카탈로그 전체에 서로 다른 가로세로 비율의 이미지를 업로드하여 발생합니다. 세로, 가로 및 정사각형 이미지가 혼합되어 있으면 제품 그리드가 고르지 않게 표시되어 전문성이 떨어지고 신뢰도를 저하시킵니다. 업로드하기 전에 모든 제품 이미지의 가로세로 비율을 동일하게 맞추고, WooCommerce에서 하드 크롭 기능을 사용하여 일관성을 유지하도록 설정하세요.

• 데스크톱에서는 이미지가 선명하게 보이지만 모바일에서는 흐릿하게 보이는 경우: 이는 일반적으로 레티나 디스플레이 문제입니다. 최신 스마트폰은 고해상도 디스플레이를 사용하기 때문에 이미지를 선명하게 표시하려면 CSS 픽셀 크기의 두 배 크기가 필요합니다. 모바일 기기에서 레티나 디스플레이의 선명도를 유지하려면 카탈로그 썸네일 크기를 300px가 아닌 600px로 설정하세요.

• 상품 이미지 로딩 속도 저하: 용량이 크고 압축되지 않은 파일이 WooCommerce 스토어 속도 저하의 가장 흔한 원인입니다. ShortPixel을 설치하고 미디어 라이브러리에 대한 일괄 최적화를 실행한 다음 WebP 형식으로 전송을 활성화하세요. 대규모 카탈로그를 보유한 스토어의 경우, 이 한 가지 변경만으로도 다른 최적화 작업보다 훨씬 큰 성능 향상을 기대할 수 있습니다.

• 크기 설정을 변경한 후 이미지가 업데이트되지 않는 경우: 사용자 정의 도구에서 크기를 변경했지만 이미지가 여전히 이전 크기로 표시됩니다. 이는 썸네일이 새로 생성되지 않았음을 의미합니다. 모든 기존 이미지를 새 크기로 다시 처리하려면 '썸네일 다시 생성' 플러그인을 실행하세요.

WooCommerce 이미지 최적화를 위한 최적의 도구 조합

이미지 크기 및 압축을 수동으로 관리할 필요가 없습니다. 적절한 WordPress 이미지 최적화 플러그인 조합을 사용하면 업로드 순간부터 모든 것을 자동으로 처리합니다.

• ShortPixel은 이미지 압축 및 WebP 변환을 처리합니다. 제품 사진에는 Glossy 모드를 사용하세요. ShortPixel은 서버 측에서 이미지를 압축하고, 기존 라이브러리의 일괄 최적화를 지원하며, 지원되는 브라우저에 WebP 형식으로 자동 제공합니다. WooCommerce 스토어의 경우 ShortPixel은 품질, 비용 및 자동화 측면에서 최적의 균형을 제공합니다.

• Regenerate Thumbnails 는 WooCommerce에서 이미지 크기를 변경할 때마다 필요한 무료 플러그인입니다. 설치 후 크기 변경이 있을 때마다 실행하면 나머지는 백그라운드에서 자동으로 처리됩니다. 이 플러그인은 한 가지 기능만 충실히 수행하며, 그 역할을 훌륭하게 해냅니다.

• MonsterInsights는 스토어를 Google Analytics 4에 연결하여 이탈률이 . 이를 통해 특정 페이지의 이미지 성능 문제를 파악할 수 있습니다.

결론

WooCommerce 제품 이미지 크기를 적절하게 설정하는 것은 복잡하지 않지만, 기본값에 의존하기보다는 의도적인 결정을 내려야 합니다.

• 원본 이미지는 1200 x 1200 픽셀 이상으로 업로드해 주세요.

• 제품 이미지 크기는 800px, 카탈로그 썸네일 크기는 600px로 설정하세요. WebP 형식을 사용하십시오.

• ShortPixel을 사용하여 Glossy 모드로 압축하세요. 크기 변경 후에는 썸네일을 다시 생성하세요. 전체 카탈로그에서 이미지 비율을 일관되게 유지하세요.

이러한 조치는 시각적 품질, 웹 핵심 지표(Core Web Vitals) 점수, 모바일 성능 및 검색 가시성을 동시에 향상시킵니다. 제품 이미지가 고객의 구매를 유도하는 주요 도구인 전자상거래 스토어의 경우, 이는 선택 사항이 아닌 필수 유지 관리 사항입니다. 이는 전환율을 높이는 스토어의 기반입니다.

종합적인 평가: WooCommerce의 기본 이미지 설정은 시작점으로는 괜찮지만, 최신 레티나 디스플레이, WebP 형식, Core Web Vitals에 최적화되어 있지 않습니다. 이미지 크기를 조정하고, WebP 형식으로 전환하고, ShortPixel을 사용하여 압축하는 것은 2026년 모든 진지한 WooCommerce 쇼핑몰이 갖춰야 할 최소한의 설정입니다.

자주 묻는 질문