셀러·소상공인이미지

쿠팡·스마트스토어 상세페이지 이미지: 규격·용량 맞추고 화질 안 깨지게 올리는 법

2026-09-18 · 3분 읽기

플랫폼별 권장 규격과 용량 제한의 이유

온라인 쇼핑몰 상세페이지를 제작할 때는 각 플랫폼이 제시하는 권장 규격을 사전에 확인해야 합니다. 널리 쓰이는 기준은 스마트스토어 가로 860px, 쿠팡 780에서 1000px 안팎이며 플랫폼 정책에 따라 수시로 바뀔 수 있습니다. 상품 목록에 노출되는 썸네일은 대체로 1000x1000px의 정사각형 비율을 공통으로 사용합니다.

플랫폼이 가로폭과 파일 용량을 엄격하게 제한하는 주된 이유는 모바일 쇼핑 환경의 로딩 성능 때문입니다. 모바일 기기에서 상세페이지 전체 용량이 20MB를 초과하면 페이지 로딩 시간이 지연되어 이탈이 늘어날 수 있습니다. 이에 플랫폼들은 단일 파일 용량을 5MB에서 10MB로 제한하거나 자체 알고리즘으로 강제 압축을 진행합니다.

통이미지 대신 여러 장으로 분할해야 하는 이유

세로 길이가 10,000px을 넘는 긴 상세페이지를 단 한 장의 이미지 파일로 제작해 업로드하는 것은 피해야 합니다. 대용량 단일 이미지는 모바일 웹 브라우저의 렌더링 메모리 한계를 초과하여 이미지가 엑스박스로 표시되거나 화면이 하얗게 비는 원인이 됩니다.

상세페이지를 세로 2000px에서 3000px 단위로 여러 장 나누어 업로드하면 브라우저가 화면에 보이는 영역부터 순차적으로 불러와 체감 로딩 속도가 개선됩니다. 배송 안내나 가격 정책 등 특정 구역의 내용이 바뀔 때 해당 조각만 교체할 수 있어 실무 운영 측면에서도 매우 효율적입니다. 여러 장의 이미지를 동시에 규격에 맞게 조정해야 한다면 이미지 변환·압축 에 분할된 파일들을 한꺼번에 올리고 일괄 압축하여 압축파일 형태로 저장하는 방식이 편리합니다.

JPG, PNG, WebP 포맷 선택 기준

상세페이지에 들어가는 시각 요소의 특성에 맞춰 적절한 파일 포맷을 선택하는 작업이 필요합니다. 글자, 표, 아이콘, 단색 배경 위주의 안내 영역은 무손실 압축 포맷인 PNG를 사용하여 외곽선이 흐려지지 않게 합니다.

모델 착용 컷이나 제품 실물 사진, 그라데이션이 포함된 배경은 JPG 포맷을 사용합니다. 사진을 PNG로 저장하면 용량이 불필요하게 커지지만, JPG 품질을 80에서 85 안팎으로 설정해 저장하면 육안으로 화질 차이를 느끼지 못하면서 파일 크기를 크게 절감할 수 있습니다.

WebP 포맷은 JPG 대비 동일 화질에서 용량을 더 줄일 수 있는 고효율 규격입니다. 다만 일부 오픈마켓의 구형 플랫폼에서는 WebP 업로드를 지원하지 않는 경우가 있으므로, 등록 시스템의 지원 여부를 확인한 뒤 도입해야 합니다.

업로드 후 이미지가 흐려지는 원인과 대처법

작업 환경에서는 선명하던 상세페이지가 플랫폼에 등록한 직후 깨져 보이는 현상은 주로 뷰어의 강제 리사이징 때문입니다. 플랫폼 권장폭보다 작은 이미지를 등록하면 모바일 뷰어가 가로 화면을 채우기 위해 이미지를 늘리면서 픽셀이 뭉개지며, 반대로 지나치게 큰 이미지를 올리면 서버가 강제로 압축하면서 노이즈가 발생합니다.

화질 저하를 방지하려면 처음부터 플랫폼별 권장 가로폭에 맞추어 이미지를 리사이징해야 합니다. 이 과정에서 이미지 변환·압축 를 활용하여 최대 너비를 860이나 1000으로 지정하고 화질을 80 수준으로 설정해 변환하면 해상도 규격과 용량 제한을 한 번에 맞출 수 있습니다.