Shopify 제품 이미지 정규화 도구
Shopify는 마켓플레이스처럼 크기로 거절하지 않습니다 — 조용히 해상도를 낮추고, 일관되지 않은 가로세로 비율 때문에 컬렉션 페이지가 지저분해 보이게 합니다. 2048px 정사각 마스터 이미지와 제품 간 일관된 형태가 Shopify의 줌과 그리드가 기대하는 것입니다. 이 무료 도구는 Shopify의 미디어 사양에 따라 이미지를 읽고 깨끗한 정사각을 내보냅니다. 업로드 없이, 워터마크 없이.
상품 이미지를 이곳에 드래그하거나 클릭하여 선택하세요
중성 배경 · 정사각형 · 2048px / 20MB · 100% 브라우저 내
이 도구가 확인하는 항목
이 도구는 Shopify가 공개한 제품 미디어 요건과 비교해 이미지를 읽고 수치를 표시한 뒤, 그 자리에서 정규화합니다. 모두 브라우저에서 완료:
- 중성 배경. Shopify는 컬렉션 페이지가 깔끔하게 보이도록 제품 전반에 일관되고 깨끗한 배경을 권장합니다. 투명 PNG가 지원됩니다.
- 정사각형, 2048px. 정사각형 제품 사진은 2048x2048px에서 가장 잘 표시되며, Shopify의 줌은 800x800px 이상에서 작동합니다.
- 일관된 가로세로 비율. 모든 제품 사진을 같은 형태로 유지하여 컬렉션 페이지와 제품 페이지가 깔끔하게 정렬되도록 합니다.
- 포맷 및 파일 크기. JPEG 또는 PNG를 내보냅니다. Shopify는 최대 20MB와 5000x5000px를 허용합니다.
- 신뢰도. 분석 결과의 확신 수준을 알려주어, 직접 확인해야 할 때를 알 수 있습니다.
계정 불필요, 업로드 없음, 워터마크 없음. 이미지 데이터가 기기를 떠나지 않습니다.
당신의 이미지는 결코 브라우저를 떠나지 않습니다
- 업로드 없음, 클라우드 API 없음, CDN 왕복 없음.모든 처리는 Canvas와 Web Worker를 통해 로컬에서 실행됩니다.
- 자사의 JavaScript만 (`listing.js` / `jszip`) 처음 사용할 때 가져옵니다. 이는 코드 로딩일 뿐, 사용자의 이미지를 업로드하지 않습니다.
- 쿠키 없음, 추적 없음.CDN 엣지 분석(Cloudflare, 페이지 내 스크립트 0개)만 있습니다. 브라우저의 Network 탭에서 직접 확인하세요.
이 도구가 하지 않는 작업
- Shopify의 채널 심사 보장하지 않습니다. 기술적 속성만 검사합니다.
- 흰색 이외의 배경에 대해 AI 배경 제거를 수행하지 않습니다. 기존 흰색(또는 거의 흰색) 배경을 순백으로 정규화합니다.
- 저해상도 이미지를 확대하지 않습니다 (확대하면 픽셀이 부드러워질 뿐입니다).
- 텍스트/로고 규정을 추가하거나 감지하지 않습니다.
- 흰 배경 정규화, 정사각형 패딩, EXIF 제거를 제외하고는 제품을 변경하지 않습니다.
Shopify가 공개한 제품 미디어 요건을 기준으로 합니다(최종 검토: 2026-10-25). 항상 Shopify 도움말 센터에서 확인하세요.
요구 사항 개요
Shopify는 마스터 이미지에서 크기를 재생성하므로, 단 하나의 고해상도 정사각 이미지가 모든 배치를 지원합니다. 일관성은 어느 한 크기보다 더 중요합니다.
| 항목 | Shopify 요구 사항 |
|---|---|
| 권장 크기 | 2048x2048px (정사각형) |
| 줌 임계값 | 800x800px 이상 |
| 최대 크기 | 5000x5000px / 20MB |
| 배경 | 중성; 투명 PNG 지원 |
| 포맷 | PNG, JPEG, TIFF, BMP, GIF, SVG, HEIC, WebP |
| 가로세로 비율 | 제품 간 일관성 유지 |
| 테마 크롭 | image_url 기본값 crop: center |
Shopify는 이미지를 심사하지 않습니다 — 자르는 것은 테마입니다
Shopify에는 마켓플레이스 심사가 없으므로 공개 전에 사진을 반려할 주체가 없습니다. 제약은 다른 곳에서 옵니다. 테마가 CDN에 특정 크롭을 요청하고, 컬렉션 그리드가 이미지를 나란히 놓고 비교하며, Google·Meta·TikTok 같은 판매 채널은 모두 같은 파일을 가져다 각자의 규칙을 적용합니다. 판매하는 채널 중 가장 엄격한 쪽이 진짜 규격입니다.
무엇이 남는지를 정하는 crop 파라미터
Liquid의 image_url 필터는 crop에 top, center, bottom, left, right를 받고 기본값은 center입니다. 요청한 너비와 높이가 원본과 다른 비율이면 테마는 그 띠만 남기고 나머지를 버립니다. 아래쪽에 놓인 상품은 정사각 타일에서 바닥을 잃고, 긴 상품을 가로로 찍은 사진은 양 끝을 잃습니다. crop: 'region'과 crop_left·crop_top·crop_width·crop_height를 쓰면 띠가 아니라 정확한 영역을 지정할 수 있습니다.
CDN은 줄이기만 하고 절대 늘리지 않습니다
image_url은 너비와 높이를 최대 5760px까지 받으며, 문서는 명확합니다. 이미지는 원본 크기보다 크게 리사이즈되지 않습니다. 800px 파일을 올리고 2048px을 요청해도 800px이 나옵니다. 그래서 내보내기 파일보다 원본이 중요합니다. 2048x2048 정사각 원본이면 테마의 가장 큰 위치를 덮고 레티나 화면 여유도 남습니다. 변형은 위치마다 요청되므로 한 번 업로드로 스토어 전체를 감당합니다.
형식 변환은 한 방향으로만 됩니다
format 파라미터는 jpg와 pjpg만 받고, Shopify가 변환할 수 있는 것은 png→jpg, png→pjpg, jpg→pjpg뿐이며 반대 방향은 없습니다. JPEG에서 투명 PNG를 CDN으로 만들 수 없습니다. quality는 10~90이고 생략하면 Shopify가 출력 형식에 맞춰 고릅니다. pad_color는 hex3 또는 hex6을 받아 자르는 대신 여백을 채웁니다. 정사각 타일에서 상품을 잘라서는 안 될 때 쓰는 옵션입니다.
자주 묻는 질문
Shopify는 왜 2048px인가요?
Shopify는 정사각형 제품 사진에 2048x2048px를 권장합니다. 가장 잘 표시되며 줌 기능(800x800px 이상에서 작동)을 지원합니다. Shopify는 마스터 이미지에서 더 작은 크기를 자동 생성합니다.
투명 PNG를 사용할 수 있나요?
네 — Shopify는 제품 사진에 투명 PNG를 지원합니다. 일부 마켓플레이스와는 다릅니다. 투명도를 유지하거나 흰색으로 평탄화할 수 있으며, 모드 설정에서 선택할 수 있습니다.
가로세로 비율을 일관되게 유지하는 이유는 무엇인가요?
Shopify의 컬렉션 페이지는 이미지를 나란히 배치합니다. 형태가 맞지 않으면 지저분해 보입니다. 일관된 정사각(또는 균일한) 형태가 그리드를 깔끔하게 유지합니다.
파일 크기 제한이 있나요?
Shopify는 최대 20MB와 5000x5000px의 이미지를 허용하지만, 더 작고 웹에 최적화된 파일이 더 빨리 로드됩니다. 2048px 정사각을 높은 JPEG 품질로 내보냅니다.
컬렉션 그리드에서 상품이 잘리는 이유는 무엇인가요?
컬렉션 타일은 자체 비율을 요청하고 테마는 기본 crop: 'center'로 그 비율에 맞춰 자릅니다. 상품이 원본 가장자리에 가까우면 그 가장자리가 사라집니다. 피사체를 여유를 두고 중앙에 두거나, crop을 top이나 bottom으로 두어 사진에 맞는 띠를 테마가 가져가게 하세요.
image_url로 작은 사진을 크게 만들 수 있나요?
안 됩니다. Shopify는 요청한 너비나 높이와 무관하게 이미지가 원본 크기보다 크게 리사이즈되지 않는다고 명시합니다. 600px 파일은 2048px 타일에서도 600px이며 브라우저에서 늘어나 흐릿해집니다. 고칠 것은 URL이 아니라 원본입니다.
CDN으로 JPG를 투명 PNG로 바꿀 수 있나요?
안 됩니다. png→jpg, png→pjpg, jpg→pjpg만 지원합니다. 원본에 없는 투명도는 CDN이 만들 수 없으므로 편집기에서 알파가 있는 PNG로 내보내 원본으로 업로드하세요.