스마트스토어 상세페이지 사이즈와 이미지 용량 정리

스마트스토어 상세페이지는 가로 860px로 만드는 것이 가장 널리 쓰이는 기준입니다. 세로 길이는 정해진 값이 없지만, 하나로 길게 이어 붙이기보다 세로 1,000~2,000px 정도로 나눠 여러 장으로 올리는 편이 로딩 속도와 화질 관리에 유리합니다.

이 글에서는 권장 사이즈와 용량 기준, 긴 이미지를 나누는 방법, 그리고 캔바로 처음부터 나눠서 만드는 절차를 정리합니다.

스마트스토어 상세페이지 권장 사이즈 한눈에 보기

아래 수치는 판매자들이 실무에서 많이 쓰는 기준입니다. 업로드 가능한 최대 용량이나 허용 형식 같은 규정은 바뀔 수 있으니, 정확한 값은 네이버 스마트스토어센터 공식 도움말에서 최신 정보를 확인하세요.

항목	실무 권장값	메모
상세페이지 가로	860px	PC 상세 영역 폭에 맞춘 값으로, 모바일에서도 비율 그대로 줄어듭니다
이미지 한 장의 세로	1,000~2,000px	내용 단위(섹션)로 끊는 것이 좋습니다
한 장당 용량	수백 KB~1MB 안팎	업로드 한도보다 훨씬 작게 유지하는 것이 목표입니다
파일 형식	JPG(사진), PNG(글자·도형 위주)	움직임이 필요할 때만 GIF를 씁니다
대표이미지	정사각형(예: 1000×1000px)	썸네일로 잘려 보이므로 정사각형이 무난합니다

왜 가로 860px인가

스마트스토어 PC 상품 페이지에서 상세설명이 표시되는 영역의 폭이 약 860px이기 때문입니다. 이보다 넓게 만들면 자동으로 축소되어 파일 크기만 커지고, 좁게 만들면 양옆에 여백이 생기거나 확대되면서 흐려집니다.

모바일에서는 화면 폭에 맞춰 이미지가 줄어들어 보입니다. 그래서 860px 기준으로 만들되, 모바일에서도 글씨가 읽히도록 본문 글자를 충분히 크게 잡는 것이 중요합니다. 작은 글씨로 설명을 빽빽하게 넣으면 휴대폰에서는 거의 읽을 수 없습니다.

더 선명하게 하려고 가로를 키워도 될까

고해상도 화면에서 더 또렷하게 보이도록 가로를 두 배(1720px)로 만드는 판매자도 있습니다. 다만 파일 용량이 크게 늘어나 로딩이 느려집니다. 글자와 도형 위주라면 860px로도 충분하고, 제품 질감을 보여 줘야 하는 사진 구간만 따로 고민하는 편이 현실적입니다.

이미지 용량과 파일 형식 고르는 법

업로드 한도 안에만 들어오면 된다고 생각하기 쉽지만, 한도는 "올릴 수 있는 최대치"일 뿐 "빠르게 보이는 크기"가 아닙니다. 구매자는 대부분 모바일 데이터 환경에서 상세페이지를 넘겨 보기 때문에, 한 장당 용량을 가볍게 유지할수록 이탈이 줄어듭니다.

JPG: 제품 사진, 연출 컷처럼 색이 많은 이미지에 적합합니다. 품질을 조금 낮춰도 눈으로는 차이가 거의 없습니다.
PNG: 단색 배경에 글자, 아이콘, 표가 많은 구간에 적합합니다. 사진이 섞이면 JPG보다 훨씬 무거워집니다.
GIF: 사용 모습을 짧게 보여 줄 때만 씁니다. 용량이 쉽게 커지므로 프레임 수와 크기를 최소화합니다.

긴 상세이미지를 나눠 올려야 하는 이유

상세페이지를 세로 수만 px짜리 이미지 한 장으로 만들어 올리는 경우가 많습니다. 이 방식은 관리하기는 편하지만 몇 가지 문제가 생깁니다.

첫 화면이 늦게 뜹니다. 한 장짜리 이미지는 파일 전체가 무거워, 구매자가 맨 위 내용을 보기까지 기다려야 합니다. 여러 장으로 나누면 위쪽 이미지부터 순서대로 표시됩니다.
화질이 떨어질 수 있습니다. 지나치게 긴 이미지는 업로드 과정에서 축소되거나 압축되어 글자가 뭉개질 수 있습니다.
수정이 번거롭습니다. 가격이나 구성 한 줄만 바뀌어도 전체 파일을 다시 내보내고 다시 올려야 합니다. 나눠 두면 해당 구간만 교체하면 됩니다.

나눌 때 지킬 점

글자나 제품 사진 한가운데가 아니라 배경만 있는 구간에서 자릅니다. 경계선에 글자가 걸리면 이미지 사이 틈이 눈에 띕니다.
"제품 소개 → 특징 → 사용법 → 스펙 → 배송·교환"처럼 내용 단위로 나누면 나중에 교체하기 쉽습니다.
모든 조각의 가로를 860px로 똑같이 맞춥니다. 폭이 다르면 이어지는 부분이 어긋납니다.
올린 뒤에는 PC와 모바일 미리보기에서 이미지 사이에 여백이나 선이 생기지 않는지 확인합니다.

캔바로 860px 상세페이지 나눠서 만들기

캔바(Canva)는 템플릿과 끌어다 놓기 편집으로 디자인 경험이 없어도 상세페이지를 만들 수 있는 무료 도구입니다. 긴 이미지를 나중에 자르는 대신, 처음부터 여러 페이지로 나눠 디자인하면 내보낼 때 자동으로 조각 이미지가 만들어집니다.

캔바에서 새 디자인을 만들 때 사용자 지정 크기를 선택하고, 가로 860px, 세로 1,500px 정도로 입력합니다.
첫 페이지에 대표 문구와 메인 제품 사진을 배치합니다.
페이지를 추가하면서 특징, 사용법, 스펙, 배송 안내를 한 페이지씩 채웁니다. 페이지마다 배경색을 이어지게 맞추면 올렸을 때 한 장처럼 자연스럽게 보입니다.
세로 길이가 부족한 페이지는 해당 페이지만 크기를 조정하거나 내용을 다음 페이지로 넘깁니다.
공유 또는 다운로드 메뉴에서 파일 형식을 JPG(사진 위주) 또는 PNG(글자 위주)로 고르고, 모든 페이지를 선택해 내려받습니다. 여러 페이지를 받으면 페이지별 이미지가 압축 파일로 묶여 저장됩니다.
파일 이름이 페이지 순서대로 되어 있는지 확인한 뒤, 스마트스토어 상품 등록의 상세설명 편집기에서 순서대로 올립니다.

캔바의 메뉴 이름과 유료 기능 범위는 업데이트에 따라 달라질 수 있으니, 사용 중인 버전 화면을 기준으로 따라 하면 됩니다.

이미 한 장으로 만든 긴 이미지가 있다면

포토샵 같은 편집 프로그램의 자르기 기능으로 세로 구간을 나눠 저장하거나, 캔바에 긴 이미지를 불러와 페이지마다 위치를 옮겨 가며 필요한 구간만 보이게 한 뒤 내보내는 방법이 있습니다. 반대로 너무 잘게 쪼개진 조각들을 몇 장으로 묶고 싶을 때는 설치 없이 이미지 합치기 도구로 세로로 이어 붙이면 됩니다.

올리기 전에 용량 줄이기

캔바나 편집 프로그램에서 내보낸 파일은 생각보다 무거운 경우가 많습니다. 특히 사진이 들어간 PNG는 한 장에 수 MB가 나오기도 합니다. 업로드 전에 한 번 압축하면 화질 차이는 거의 없이 용량을 크게 줄일 수 있습니다.

사진이 많은 조각은 JPG로 바꿔 저장합니다.
설치 없이 바로 하려면 이미지 압축 도구에 조각 이미지를 올려 용량을 줄입니다.
압축 결과를 원본과 나란히 놓고, 작은 글씨가 뭉개지지 않았는지 확인합니다.
글자가 흐려졌다면 압축 강도를 낮추거나 해당 조각만 PNG로 유지합니다.

자주 묻는 질문

상세페이지 가로를 1000px로 만들면 안 되나요?

올릴 수는 있지만 표시 영역에 맞춰 축소되므로 이득이 크지 않고 용량만 늘어납니다. 특별한 이유가 없다면 860px로 맞추는 편이 관리하기 쉽습니다.

스마트스토어 이미지 업로드 용량 한도는 얼마인가요?

한도와 허용 형식은 정책에 따라 바뀔 수 있으므로 스마트스토어센터 공식 도움말에서 확인하는 것이 정확합니다. 실무에서는 한도와 상관없이 한 장당 1MB 안팎으로 가볍게 유지하는 것을 권합니다.

이미지를 나눠 올리면 사이에 흰 줄이 생기지 않나요?

편집기 설정이나 이미지 가장자리 처리에 따라 틈이 보일 수 있습니다. 가로를 모두 860px로 통일하고, 배경만 있는 구간에서 자르고, 올린 뒤 미리보기로 확인하면 대부분 자연스럽게 이어집니다.

상세페이지를 몇 장으로 나누는 게 좋나요?

정해진 개수는 없습니다. 내용 단위로 나누되 한 장의 세로가 2,000px를 크게 넘지 않도록 하면 보통 5~15장 정도가 됩니다.

정리

스마트스토어 상세페이지는 가로 860px로 만드는 것이 기본입니다. 긴 이미지 한 장보다 세로 1,000~2,000px 조각으로 나눠 올리면 첫 화면이 빨리 뜨고 수정도 쉬워집니다. 캔바에서 처음부터 페이지를 나눠 디자인하면 자르는 작업 없이 조각 이미지를 얻을 수 있고, 올리기 전에 압축해 한 장당 용량을 가볍게 유지하면 됩니다. 업로드 한도 같은 공식 규정은 스마트스토어센터에서 최신 내용을 확인하세요.