Shopify는 CDN을 통해 이미지를 호스팅하고 제공하지만, 업로드한 파일을 자동으로 압축하지 않습니다. 5 MB 제품 사진을 업로드하면 Shopify는 모든 방문자에게 그 5 MB 파일을 그대로 전송합니다. 압축되지 않은 사진 8장이 각각 5 MB인 제품 페이지는 CDN 캐싱 전에 총 40 MB에 달합니다. 각 이미지를 약 300 KB로 먼저 압축하면 같은 페이지가 2.4 MB로 줄어들고, Core Web Vitals와 검색 순위에 직접적인 영향을 미치는 로딩 속도가 크게 개선됩니다.

Shopify 이미지 크기가 중요한 이유

업로드 시 자동 압축 없음: Shopify는 대용량 파일을 수용하고 원본 그대로 제공합니다. CDN은 원본 파일을 캐시할 뿐, 낮은 품질로 재인코딩하지 않습니다
Core Web Vitals 영향: 대용량 이미지는 LCP(Largest Contentful Paint) 점수 저하의 주요 원인입니다. Google은 LCP를 직접적인 랭킹 신호로 사용합니다
Google PageSpeed Insights: 압축되지 않은 Shopify 스토어는 모바일에서 40~60점을 기록하는 경우가 많습니다. 모든 제품 이미지를 압축하면 일반적으로 70~85점으로 개선됩니다
모바일 쇼핑객: Shopify 트래픽의 70% 이상이 모바일입니다. 느린 연결에서의 대용량 이미지는 구매 전환이 아닌 장바구니 이탈을 의미합니다
대역폭 절약: 페이지 로드에서 MB가 줄어들 때마다 평균 모바일 네트워크에서 약 1~2초가 절약됩니다

Shopify 이미지 요구사항

최대 파일 크기: 이미지당 20 MB (Shopify가 허용하지만, 이 근처까지도 업로드해서는 안 됩니다)
권장 업로드 크기: 압축 후 제품 이미지당 1~2 MB; 이상적으로는 500 KB 이하
지원 형식: JPG, PNG, GIF, WebP, HEIC — Shopify는 HEIC 업로드를 자동으로 JPG로 변환합니다
권장 크기: 풀 줌 품질을 위해 2048×2048 px; 제품 페이지에서 허용 가능한 줌을 위해 최소 800×800 px
비율: 일관된 제품 그리드 외관을 위해 정사각형(1:1) 권장; Shopify는 테마의 그리드에 맞게 썸네일을 자릅니다

이미지 유형별 권장 설정

제품 메인 이미지: 2048×2048 px, JPEG 품질 80~85, 목표 200~500 KB. 검색 결과에 표시되고 클릭률을 높이는 이미지입니다
추가 제품 사진 (각도, 라이프스타일, 디테일 샷): 2048×2048 px, JPEG 품질 80~85, 각 200~400 KB
컬렉션 페이지 배너: 1200×800 px 이상, JPEG 품질 80, 400 KB 이하
히어로/헤더 배너: 1920×1080 px, JPEG 품질 75~80, 600 KB 이하
로고: PNG(투명도용) 또는 SVG, 100 KB 이하. 로고에 JPEG를 사용하지 마세요 — 선명한 가장자리가 압축 시 잘 처리되지 않습니다

Shopify용 JPEG vs. PNG vs. WebP

JPEG: 모든 제품 사진과 라이프스타일 이미지에 최선의 선택입니다. q80~85에서 탁월한 품질이며 2048 px 이미지의 파일 크기는 일반적으로 200~500 KB입니다. 로고와 텍스트가 포함된 그래픽에는 사용하지 마세요
PNG: 로고, 아이콘, 투명도가 필요한 이미지에만 사용하세요. PNG 파일은 같은 사진 콘텐츠의 JPEG보다 2~5배 크므로 제품 사진에는 사용하지 마세요
WebP: Shopify는 WebP를 완전히 지원합니다. 지원하지 않는 브라우저는 자동으로 대체 형식을 받습니다(Shopify가 서버 측에서 처리). WebP는 같은 인지 품질에서 JPEG보다 25~35% 작아서, 더 복잡한 형식으로 전환하지 않고 가능한 가장 작은 파일을 원할 때 이상적입니다
HEIC: Shopify는 HEIC 업로드를 자동으로 JPG로 변환하지만, 출력 품질을 직접 제어하려면 먼저 직접 변환하는 것이 좋습니다

Shopify 이미지 압축 단계별 방법

2048×2048 px로 크기 조정: 이미지 크기 조정을 사용하여 긴 쪽이 2048 px보다 큰 사진을 축소하세요. 2048 px를 초과하면 Shopify 기본 테마에서 줌 혜택 없이 파일 크기만 커집니다
크기 조정된 이미지 압축: 이미지 압축을 사용하고 제품 사진에는 JPEG 품질을 80~85로 설정하세요. 결과를 시각적으로 확인하세요 — 제품 가장자리나 직물 질감에 눈에 띄는 아티팩트가 없어야 합니다
파일 크기 확인: 제품 이미지는 500 KB 이하여야 하고, 배너는 600 KB 이하여야 합니다. 압축 후에도 제품 이미지가 500 KB를 초과한다면 품질을 75로 낮추고 다시 확인하세요
선택 사항 — WebP로 변환: 이미지 변환기를 사용하여 Shopify에 업로드하기 전에 JPEG를 WebP로 변환하면 파일 크기를 추가로 25~35% 줄일 수 있습니다
Shopify에 업로드: 상품 → 상품 선택 → 미디어로 이동하거나, 배너 및 로고 같은 공유 에셋은 콘텐츠 → 파일을 사용하세요

Shopify SEO를 위한 대체 텍스트와 파일 이름

이미지 압축은 속도를 개선하지만 SEO는 이미지 레이블링 방식에도 달려 있습니다:

모든 제품 이미지에 대체 텍스트 추가: Shopify에서 상품 페이지로 이동 → 이미지 클릭 → 대체 텍스트 편집. 제품을 명확하게 설명하세요. Google은 이미지 검색을 위해 제품 사진을 이해하는 데 대체 텍스트를 사용합니다
업로드 전 설명적인 파일 이름: 업로드 전에 제품을 설명하도록 파일 이름을 변경하세요. blue-ceramic-mug-front.jpg는 IMG_4829.jpg보다 훨씬 좋습니다. Shopify는 CDN URL에서 원본 파일 이름을 보존합니다
자연스럽게 키워드 포함: 파일 이름과 대체 텍스트에 제품 이름, 색상, 소재, 변형을 포함하면 Google이 관련 검색에 대해 제품을 색인화하는 데 도움이 됩니다

페이지 속도에 미치는 영향

압축되지 않은 Shopify 스토어는 일반적으로 Google PageSpeed Insights 모바일에서 40~60점을 기록합니다
모든 제품 이미지를 500 KB 이하로 압축하면: 일반적으로 70~85점으로 개선됩니다
페이지 로드에서 MB가 줄어들 때마다 평균 모바일 네트워크에서 약 1~2초가 절약됩니다
로딩 시간이 1초 개선되면 이커머스 스토어의 전환율이 2~5% 증가할 수 있습니다

Shopify 판매자가 이미지에서 흔히 저지르는 실수

원본 카메라 파일 업로드: 24 MP DSLR 사진은 종종 8~15 MB입니다. 업로드 전에 항상 크기를 조정하고 압축하세요
제품 사진에 PNG 사용: PNG 제품 사진은 쇼핑객에게 눈에 보이는 품질 혜택 없이 JPEG 동일 파일의 3~5배 크기입니다
모바일 성능 무시: Google PageSpeed Insights의 모바일 탭을 사용하여 스토어를 테스트하세요 — 대부분의 Shopify 트래픽이 거기서 옵니다
대체 텍스트 건너뛰기: 대체 텍스트가 없으면 Google이 이미지 검색을 위해 제품 이미지를 색인화할 수 없어, 제품 기반 스토어의 중요한 유기 트래픽 소스를 잃게 됩니다
피사체 중앙 배치 안 함: Shopify 테마는 그리드 비율에 맞게 제품 이미지를 자릅니다. 제품이 가장자리에 있으면 컬렉션 뷰에서 잘려나갈 수 있습니다

Shopify 이미지를 최적화하는 것은 스토어에 할 수 있는 ROI가 가장 높은 개선 중 하나입니다. 이미지 압축으로 파일 크기를 줄이고, 이미지 크기 조정으로 올바른 크기에 맞추고, 이미지 변환기를 사용하여 최대 절약을 위해 WebP로 전환하세요.