스마트스토어 상세페이지 사이즈와 만드는 법

확인일 2026년 10월 4일, 네이버 스마트스토어 고객센터 "'상품 등록' 관련 자주 묻는 질문" 문서(help.sell.smartstore.naver.com) 기준이에요. 해당 문서는 "상세설명 권장 크기는 가로 860px입니다"라고 공식적으로 안내해요.

왜 가로 860px를 기준으로 할까요

스마트스토어 상세설명 영역은 화면 폭이 고정돼 있어서, 올린 이미지의 가로 크기가 영역보다 크면 자동으로 줄어들고, 작으면 양옆에 여백이 생겨요. 네이버 공식 고객센터가 가로 860px를 권장 크기로 안내하는 이유도 이 영역에 꽉 차게 보이도록 맞춘 기준이기 때문이에요. 다만 이 수치가 "유일하게 업로드 가능한 폭"이라는 뜻은 아니고, 고해상도 화면을 고려해 1000~1200px로 더 크게 만든 뒤 860px 기준으로 정렬하는 실무 방식도 많이 써요.

만드는 순서

1. 카드뉴스 만들기에서 가로 860px(또는 더 크게 작업할 경우 1000~1200px) 캔버스를 골라요.
2. 상품 설명을 의미 단위로 나눠 여러 장(카드)으로 구성해요. 상단 3초 구간에는 핵심 혜택과 대표 이미지를, 중간에는 문제→해결→근거 순서로 배치해요.
3. 한 장당 용량이 20MB를 넘지 않도록 확인하고, 세로가 너무 길면 섹션 단위로 나눠서 여러 장으로 분할해요.
4. 완성한 이미지를 스마트에디터 ONE의 상세설명 영역에 순서대로 업로드해요.

길어진 상세페이지는 어떻게 보일까요

스마트스토어는 상세설명 자체의 세로 길이에 제한을 두지 않아요. 다만 설명이 너무 길어지면 네이버가 일부만 먼저 보여주고 나머지는 "상세정보 펼쳐보기"로 접어서 보여줘요. 그래서 가장 중요한 정보(핵심 혜택, 대표 이미지)는 맨 위쪽에 배치하는 게 유리해요. 또 외부 호스팅 이미지를 파일명 그대로 덮어쓰기로 수정하면 PC에는 반영되지만 모바일에는 반영되지 않을 수 있다는 점도 공식 문서에 안내돼 있어요. 이미지를 교체할 때는 파일명을 새로 만들거나 스마트에디터로 직접 재등록하는 게 안전해요.

쿠팡·다른 오픈마켓과 사이즈가 다른 이유

네이버는 가로 860px를 공식으로 못 박았지만, 쿠팡은 셀러들 사이에서 780px 전후가 통용 기준으로 쓰여요. 여러 마켓에 같은 상세페이지를 올린다면 더 넓은 860px 기준으로 만들어 두는 편이 재작업을 줄여줘요. 두 마켓의 표시 영역이 서로 다르기 때문에, 한 가지 사이즈로 통일해서 쓰고 싶다면 가장 넓은 기준에 맞추는 게 안전해요.

좋은 예 vs 나쁜 예

• 좋은 예: 가로 860px로 통일하고, 핵심 혜택을 상단에 배치
• 나쁜 예: 이미지마다 가로 크기가 달라서 화면에서 삐뚤빼뚤하게 보임
• 좋은 예: 긴 설명을 의미 단위로 나눠 여러 장으로 분할, 각 장 20MB 이하
• 나쁜 예: 한 장에 모든 내용을 넣어 용량이 커지고 로딩이 느려짐

흔한 실수

• 상세설명 이미지와 대표이미지(썸네일) 사이즈를 혼동해서 같은 사진을 그대로 써요. 둘은 용도와 비율이 달라요.
• 이미지를 파일명 그대로 덮어쓰기로 수정해서 모바일에서 변경이 반영되지 않아요.
• 세로를 지나치게 길게 한 장에 다 담아서 용량 제한(20MB)에 걸리거나 로딩이 느려져요.
• HTML 작성과 직접 작성(스마트에디터원)을 혼용하려다 등록 오류가 나요. 둘 중 하나만 선택하세요.

체크리스트

• 상세설명 이미지 가로를 860px(또는 860px 기준으로 정렬)로 맞췄나요?
• 각 이미지 용량이 20MB 이하인가요?
• 핵심 내용을 상단에 배치했나요?
• 모바일에서도 미리보기로 확인했나요?

가로 860px라는 숫자 하나만 기억해 두면 스마트스토어 상세페이지 제작에서 크게 헤매지 않아요. 긴 이미지는 분할하고, 핵심은 위쪽에 두는 두 가지 원칙도 함께 지켜보세요.

자주 묻는 질문