카페24 상세페이지 사이즈, 실제 쇼핑몰 15곳을 재 봤습니다
카페24에는 정해진 폭이 없습니다
스마트스토어는 상세 이미지 가로 848px을 공식으로 권하고, 쿠팡은 780px이 사실상 표준입니다. 카페24로 만든 자사몰은 다릅니다. 상세 영역의 폭은 쇼핑몰마다 고른 디자인(스킨)이 정하고, 공개된 카페24 안내에서 "상세 이미지는 몇 px"이라는 단일 수치는 찾지 못했습니다.
그래서 "카페24 상세페이지 사이즈"를 검색하면 860, 1000, 1200처럼 글마다 숫자가 다릅니다. 저희는 여기에 숫자를 하나 더 보태는 대신, 카페24로 운영되는 쇼핑몰들이 실제로 어떤 크기로 올리고 있는지 직접 재 봤습니다.
어떻게 쟀나
카페24로 운영되는 쇼핑몰 15곳(뷰티 7, 패션 4, 식품·건강식품 2, 반려동물 2)을 골라, 쇼핑몰마다 상품 2~3개씩 모두 42개 상품의 상세설명 영역에 들어 있는 이미지를 내려받았습니다. 아이콘처럼 폭이 600px보다 작은 이미지는 빼고, 남은 928장의 가로·세로 픽셀과 파일 크기, 형식을 기록했습니다. 2026년 하반기 기준이고, 쇼핑몰 이름은 밝히지 않았습니다.
상세 내용을 화면이 열린 뒤에 따로 불러오는 쇼핑몰 몇 곳은 이 방식으로 잴 수 없어서 빠졌습니다.
가장 많이 쓴 폭은 1000px
쇼핑몰마다 가장 많이 쓴 가로 폭을 하나씩 뽑으면 이렇습니다.
| 가장 많이 쓴 폭 | 쇼핑몰 수 |
|---|---|
| 1000px | 6곳 |
| 800px | 2곳 |
| 780px, 850px, 860px, 900px | 각 1곳 |
| 1540px, 2000px | 각 1곳 |
| 한 페이지에 710~1080px이 섞여 있음 | 1곳 |
절반 가까이가 1000px이었습니다. 1000px은 PC에서 넓게 보여 주면서도 휴대폰으로 줄였을 때 선명함이 남는 폭이라, 자사몰 전용으로 새로 만드는 경우에 많이 고르는 것으로 보입니다.
눈에 띈 건 오픈마켓 규격과 같은 폭을 그대로 쓰는 곳들입니다. 780px(쿠팡에서 통용되는 폭)과 860px(G마켓 폭)을 쓰는 쇼핑몰이 한 곳씩 있었습니다. 또 860px을 쓰는 곳을 포함한 두 곳은 상세 이미지를 G마켓·옥션 판매자센터의 이미지 호스팅에서 그대로 불러오고 있었습니다. 마켓과 자사몰에 같은 이미지 한 벌을 쓰는 방식입니다.
반대로 1540px, 2000px처럼 크게 만든 곳도 있었습니다. 2000px을 쓰는 쇼핑몰은 이미지를 WebP로 내보내 장당 용량 중간값을 약 66KB로 낮게 유지하고 있었습니다. 크게 만들수록 용량 관리가 함께 따라와야 한다는 뜻입니다.
세로는 짧게 나눠 올리는 곳이 대부분
한 장의 세로 길이 중간값은 약 1,400px였습니다. 3,000px을 넘는 이미지는 28%, 5,000px을 넘는 이미지는 9%였고, 가장 긴 한 장은 25,858px이었습니다. 상품 하나의 상세에는 보통 20장 안팎이 들어 있었습니다.
긴 통이미지 한 장보다 섹션 단위로 자른 여러 장이 다수라는 뜻입니다. 나눠 두면 한 섹션만 고칠 때 그 장만 바꾸면 되고, 휴대폰에서도 위쪽부터 먼저 뜹니다.
용량과 형식
| 형식 | 비중 |
|---|---|
| JPEG | 66% |
| WebP | 16% |
| GIF | 14% |
| PNG | 4% |
한 장 용량의 중간값은 약 370KB였고, 1MB를 넘는 이미지는 28%였습니다. 무거운 건 대부분 GIF였습니다. 5MB가 넘는 28장 중 24장이 GIF였고, GIF 한 장의 중간값은 약 2.3MB, 가장 큰 건 43MB였습니다. 움직이는 이미지는 몇 장만 넣어도 페이지 전체가 무거워집니다. 형식별로 용량을 줄이는 순서는 상세페이지 이미지 용량 줄이기에 정리해 두었습니다.
그래서 몇 px로 만들까
정답이 하나는 아니지만, 실제 쇼핑몰들이 쓰는 방식을 기준으로 정리하면 이렇습니다.
- 자사몰에만 올린다면 1000px. 잰 쇼핑몰에서 가장 많이 쓴 폭입니다.
- G마켓에도 같이 올린다면 860px 한 벌(스마트스토어용은 848px로 줄여서). 자사몰 상세 영역이 이보다 넓으면 스킨에 따라 좌우가 비어 보일 수 있으니, PC 화면에서 한 번 열어 보세요.
- 쿠팡까지 함께 판다면 860px 원본을 780px로 줄여 쓰는 편이 낫습니다. 좁게 만든 이미지를 넓히면 글자가 흐려집니다.
- 1500px 이상으로 크게 만든다면 WebP나 압축으로 장당 용량을 꼭 관리하세요.
어느 폭으로 만들든 휴대폰에서는 화면 폭에 맞춰 줄어듭니다. 1000px 이미지는 일반적인 휴대폰에서 40% 안팎으로 작아지니, 이미지 안 글자 크기는 모바일 상세페이지 가독성 가이드의 기준을 참고하세요. 다른 오픈마켓 규격은 오픈마켓 상세페이지 사이즈 총정리에 모아 두었습니다.
1분상세에서 만든 상세페이지는 다운로드할 때 통용(860px)을 고르면 자사몰과 오픈마켓에 같은 이미지로 올릴 수 있고, 긴 페이지는 자동으로 나눠 저장됩니다.
자주 묻는 질문
카페24 상세페이지 가로 사이즈는 몇 px인가요?
카페24는 상세 이미지 폭을 하나로 정해 두지 않았고, 쇼핑몰이 고른 디자인(스킨)에 따라 상세 영역 폭이 다릅니다. 저희가 잰 카페24 쇼핑몰 15곳 중 6곳이 1000px을 가장 많이 썼습니다. 자사몰에만 올린다면 1000px, 오픈마켓과 같이 쓴다면 860px이 무난합니다.
카페24 상세 이미지는 한 장으로 길게 올려도 되나요?
올릴 수는 있지만 잰 쇼핑몰 대부분은 섹션 단위로 나눠 올렸습니다. 한 장의 세로 길이 중간값은 약 1,400px였고, 5,000px을 넘는 이미지는 열 장 중 한 장꼴이었습니다.
상세페이지에 GIF를 써도 되나요?
쓸 수 있지만 용량이 큽니다. 잰 GIF 한 장의 중간값은 약 2.3MB였고, 5MB가 넘는 이미지 28장 중 24장이 GIF였습니다. 꼭 움직임이 필요한 장면에만 짧게 쓰는 편이 좋습니다.