Switching
최적화

쇼핑몰·스마트스토어 상품 이미지 최적화 실전 가이드

플랫폼별 이미지 크기 규정, 누끼(PNG)와 연출컷(JPG)의 구분, 일정한 크기로 통일하는 이유, 빠른 로딩과 모바일 대응까지 상품 이미지를 다듬는 법을 정리했습니다.

2026년 6월 24일· 수정일 2026년 9월 3일

상품 이미지는 먼저 플랫폼의 픽셀 규정을 확인하고, 배경을 지운 누끼컷은 PNG로, 모델·연출컷은 JPG로 저장하는 것이 기본입니다. 같은 카테고리의 상품은 같은 픽셀 크기와 같은 비율로 통일해야 목록이 가지런히 보이고, 모바일 로딩을 위해 상세페이지 이미지는 가로 1000px 안팎·장당 300KB 이하를 목표로 잡으면 무난합니다.

온라인 쇼핑에서 고객이 만질 수 있는 건 이미지뿐입니다. 그래서 상품 이미지는 매출과 직결됩니다. 하지만 화질만 좋으면 되는 게 아니라, 플랫폼 규격에 맞고 빠르게 뜨며 모바일에서도 또렷해야 합니다. 이 글은 스마트스토어·쿠팡 같은 국내 쇼핑몰을 기준으로 상품 이미지를 다듬는 실전 순서를 담았습니다.

플랫폼 이미지 규격부터 확인

먼저 입점한 플랫폼의 이미지 규정을 확인하세요. 대표 이미지는 대부분 정사각형을 요구하고, 최소 해상도와 최대 용량이 정해져 있습니다. 규격을 벗어나면 업로드가 거부되거나 강제로 잘립니다.

  • 네이버 스마트스토어 대표 이미지: 정사각형 1:1, 최소 1000×1000px 권장
  • 쿠팡 대표 이미지: 정사각형, 흰 배경 권장, 500×500px 이상
  • 상세페이지: 보통 가로 860~1000px, 세로는 길게 이어 붙임
  • 공통: 용량은 장당 수백 KB~수 MB 이하로 관리하는 것이 안전

누끼컷은 PNG, 연출컷은 JPG

상품 이미지는 크게 두 종류입니다. 배경을 지운 '누끼컷'과 실제 사용 장면을 담은 '연출컷'입니다. 이 둘은 포맷을 다르게 가져가는 것이 좋습니다.

누끼컷은 배경이 투명해야 하므로 PNG가 필요합니다. 투명 배경 덕분에 어떤 배경색 위에도 자연스럽게 올릴 수 있습니다. 반면 배경이 꽉 찬 연출컷·라이프스타일컷은 투명이 필요 없으므로 JPG가 훨씬 가볍습니다. 만약 흰 배경으로 촬영한 누끼가 이미 흰 배경으로 확정됐다면, PNG를 JPG로 바꿔 용량을 크게 줄일 수 있습니다.

크기를 통일해야 진열이 깔끔하다

여러 상품을 나열했을 때 이미지 크기와 비율이 제각각이면 진열이 지저분해 보이고 신뢰도가 떨어집니다. 모든 대표 이미지를 같은 픽셀(예: 1000×1000)과 같은 여백 비율로 통일하면, 목록이 정돈되어 보이고 브랜드 이미지가 살아납니다. 촬영 각도가 달라도 리사이즈로 캔버스 크기를 맞추면 통일감이 생깁니다.

빠른 로딩과 모바일 대응

쇼핑 트래픽의 대부분은 모바일에서 발생하고, 이미지가 늦게 뜨면 고객은 그냥 이탈합니다. 상세페이지에 원본 사진을 그대로 여러 장 넣으면 페이지가 수십 MB로 불어나 로딩이 한참 걸립니다.

  • 표시 폭(예: 860px)에 맞춰 먼저 리사이즈한다
  • 그다음 압축으로 장당 용량을 목표치 이하로 낮춘다
  • 글자가 많은 상세컷은 너무 세게 압축하면 글씨가 뭉개지니 주의한다
  • 누끼가 흰 배경으로 확정됐다면 PNG→JPG 변환으로 용량을 줄인다

Switching의 리사이즈 도구로 크기를 통일하고, PNG를 JPG로 변환해 용량을 줄이고, 이미지 압축 도구로 목표 용량에 맞추면 됩니다. 모든 변환이 브라우저 안에서만 이뤄지고 파일이 서버로 업로드되지 않으므로, 출시 전 신상품 이미지도 유출 걱정 없이 다룰 수 있습니다.

자주 묻는 질문

누끼컷을 JPG로 저장하면 안 되나요?
JPG는 투명을 지원하지 않아 배경이 흰색이나 검은색으로 채워집니다. 플랫폼 배경색이 흰색이면 흰 배경 JPG로도 티가 안 나지만, 다크 모드나 색이 있는 배경에서는 흰 사각형이 그대로 드러납니다. 누끼는 PNG로 두는 편이 안전합니다.
상세페이지 긴 이미지는 어떻게 나눠야 하나요?
세로로 아주 긴 한 장은 로딩이 느리고 일부 브라우저에서 표시 한계에 걸립니다. 세로 3000~4000px 단위로 나눠 여러 장으로 올리면 순차적으로 로드되어 체감 속도가 좋아집니다.
썸네일이 목록에서 잘려 보입니다.
플랫폼이 정사각형으로 자르는 경우가 많습니다. 원본이 직사각형이면 중앙만 남고 위아래가 잘리므로, 목록용 이미지는 애초에 정사각형으로 만들고 상품을 가운데에 여백을 두고 배치하세요.
WebP를 써도 되나요?
플랫폼이 허용한다면 같은 화질에서 JPG보다 20~30% 가볍습니다. 다만 아직 JPG·PNG만 받는 쇼핑몰이 있으므로 업로드 규정을 먼저 확인하고, 지원하지 않으면 JPG로 저장하되 품질을 80 부근으로 맞추는 편이 낫습니다.

관련 도구