스마트스토어 상세페이지 업로드 오류 해결 – 잘림·화질·용량 체크리스트

6
#스마트스토어#상세페이지#업로드오류#이미지사이즈#스마트에디터ONE
스마트스토어 상세페이지 업로드 오류 해결 – 잘림·화질·용량 체크리스트

📌 이 글에서 배울 내용

스마트스토어 상세페이지 이미지가 잘리거나 흐려지는 이유, 20MB 용량 제한으로 업로드가 막힐 때 확인할 항목, PC에서는 바뀌었는데 모바일에는 이전 이미지가 남는 문제까지 증상별로 해결합니다.

1. 대표 이미지와 상세설명 이미지를 먼저 구분하세요

스마트스토어 상품 등록 화면에는 정사각형에 가까운 대표·추가 이미지와 세로로 읽는 상세설명 이미지가 따로 있습니다. 두 영역의 권장 크기를 혼동하면 업로드는 되더라도 화면에서 예상과 다르게 보일 수 있습니다.

🖼️ 대표·추가 이미지

• 권장 크기: 1000 × 1000px
• 검색 결과와 상품 상단에 노출
• 상품이 잘리지 않도록 여백 확인

📄 상세설명 이미지

• 권장 가로 크기: 860px
• 스마트에디터 ONE 또는 HTML로 등록
• 여러 세로 섹션으로 나눠 업로드

💡 작업 파일과 업로드 파일을 분리하세요. 디자인 원본은 크게 보관하고, 스마트스토어에 올리는 상세설명 이미지만 가로 860px로 내보내면 수정과 재사용이 편합니다.

플랫폼별 기본 규격을 먼저 비교하려면 스마트스토어 상세페이지 사이즈·규격 가이드를 참고하세요.


2. 이미지가 잘리거나 흐릴 때

증상
주요 원인
해결 방법
좌우가 잘림
860px보다 넓은 캔버스에 핵심 내용을 끝까지 배치
가로 860px 기준으로 축소하고 양옆 안전 여백 확보
글자가 흐림
작은 이미지를 늘렸거나 저장 과정에서 반복 압축
원본에서 860px로 한 번만 내보내고 실제 크기로 확인
색이 뭉개짐
낮은 품질의 JPEG 또는 여러 번 재저장
사진은 고품질 JPEG, 작은 글자·도형은 PNG도 비교
로딩이 느림
한 장에 너무 긴 이미지를 고용량으로 저장
내용 단위로 분할하고 각 파일 용량을 줄여 업로드

웹 상세페이지에서는 DPI 숫자보다 실제 픽셀 크기와 압축 품질이 화면 선명도에 직접적인 영향을 줍니다. 업로드 전 PC 원본만 보지 말고 스마트에디터의 모바일 미리보기까지 확인하세요.


3. 업로드가 거부되거나 이미지가 사라질 때

스마트스토어 고객센터는 상세설명 이미지 한 장의 최대 용량을 20MB로 안내하고 있습니다. 상세설명에 입력된 글자 데이터가 5MB를 넘거나, HTML에 이미지 주소 대신 `data:image...` 형태의 base64 데이터를 넣은 경우에도 등록이 제한되거나 이미지 주소가 제거될 수 있습니다.

1

파일 용량 확인 — 이미지 한 장이 20MB를 넘지 않는지 확인합니다.

2

이미지 주소 확인 — HTML 등록이라면 브라우저에서 열리는 `https://` 이미지 URL인지 확인합니다.

3

등록 방식 하나만 선택 — HTML 작성과 스마트에디터 ONE 직접 작성을 한 상세설명에서 혼용하지 않습니다.

4

제한 태그 제거 — 외부 링크, 스크립트, 지원하지 않는 속성은 저장 과정에서 삭제될 수 있으므로 단순한 이미지 중심 HTML을 사용합니다.

⚠️ 이미지 파일을 HTML 안에 직접 인코딩한 base64 방식은 피하세요. 화면에서 잠깐 보이더라도 저장 과정에서 `src` 값이 제거될 수 있습니다.


4. PC는 바뀌었는데 모바일만 이전 이미지가 보일 때

외부 호스팅 이미지의 파일명과 URL을 그대로 둔 채 파일만 덮어쓰면 PC에서는 새 이미지가 보이지만 모바일 미리보기에는 이전 이미지가 남을 수 있습니다. 스마트스토어 모바일 화면이 외부 이미지를 캡처해 미리보기를 만들기 때문입니다.

① 수정한 이미지의 파일명을 바꾸어 새 URL을 만듭니다.
② HTML의 이미지 주소를 새 URL로 교체합니다.
③ 또는 스마트에디터 ONE에서 이미지를 직접 다시 등록합니다.
④ 저장 후 PC와 모바일 미리보기를 각각 확인합니다.

GIF도 비슷한 차이가 있습니다. HTML로 등록한 GIF는 모바일 미리보기에서 정지 화면처럼 보일 수 있으므로, 움직임 자체가 구매 설명에 꼭 필요하다면 동영상 등록이나 정지 이미지 대체안도 함께 준비하세요.


5. 가장 안전한 업로드 순서

1

가로 860px로 내보내기
원본 디자인에서 업로드용 이미지를 한 번만 생성합니다.

2

내용 단위로 이미지 분할
첫 화면, 핵심 장점, 상세 정보, 구매 안내처럼 끊어도 이해되는 지점에서 나눕니다.

3

파일을 직접 열어 검사
글자, 제품 가장자리, 그라데이션이 흐려지지 않았는지 100% 배율로 확인합니다.

4

스마트에디터 ONE 또는 HTML 중 선택
편집이 쉬워야 하면 직접 등록, 여러 이미지를 같은 형식으로 관리한다면 단순 HTML 등록을 선택합니다.

5

저장 후 기기별 미리보기
PC와 모바일에서 이미지 순서, 글자 크기, 링크와 최신 이미지 반영 여부를 확인합니다.

모바일에서 읽히는 글자 크기와 첫 화면 구성은 모바일 상세페이지 최적화 가이드에서 더 자세히 확인할 수 있습니다.


✅ 업로드 전 최종 체크리스트

□ 대표 이미지와 상세설명 이미지의 규격을 구분했는가?
□ 상세설명 이미지가 가로 860px로 만들어졌는가?
□ 작은 원본을 억지로 확대하지 않았는가?
□ 이미지 한 장이 20MB를 넘지 않는가?
□ HTML 이미지가 `https://` 주소를 사용하고 있는가?
□ 스마트에디터 ONE과 HTML 작성을 혼용하지 않았는가?
□ 수정 이미지에 새 파일명 또는 새 URL을 사용했는가?
□ PC와 모바일 미리보기를 모두 확인했는가?

※ 등록 제한과 화면 동작은 변경될 수 있습니다. 발행 전 스마트스토어 상세설명 안내, 상세설명 등록 제한 안내, 모바일 이미지 반영 안내를 함께 확인하세요.

💡 스마트스토어 규격으로 바로 내보내세요

SellPage 결과 화면에서 오픈마켓 내보내기 → 네이버 스마트스토어를 선택하면 상세페이지를 가로 860px, 장당 최대 5,000px 기준의 JPEG로 자동 렌더링·분할하고 HTML을 생성합니다. 대부분 별도의 스마트스토어용 디자인 파일을 다시 만들지 않고 등록용 결과를 준비할 수 있습니다.

일반 PNG 저장은 네이버 전용 내보내기와 다른 경로입니다. 네이버 등록에는 위 전용 내보내기를 사용하고, 붙여넣기 전 원본 사진의 선명도와 생성된 이미지가 장당 20MB 이내인지 확인하세요. 20MB를 넘으면 해당 이미지를 추가로 압축하거나 분할한 뒤, 등록 후 PC·모바일 미리보기를 확인하세요.

이 글의 노하우, AI가 자동으로 적용합니다

상품 사진만 올리면 전문 상세페이지 완성. 무료 체험

무료로 상세페이지 만들기
문의하기