쇼핑몰 이미지
긴 상세페이지 이미지는 왜 나눠야 할까요?
쇼핑몰 상세페이지용 긴 이미지를 리사이즈하고 여러 장으로 나눠야 하는 이유와 작업 순서를 정리했습니다.
2026년 5월 27일6분 읽기
짧은 답변
긴 상세페이지 이미지를 한 장으로 올리면 업로드 제한, 느린 로딩, 모바일 표시 오류가 생기기 쉽습니다. 먼저 판매 채널에 맞는 폭으로 줄이고, 너무 긴 이미지는 일정한 높이로 나눈 뒤 각 조각을 압축하면 관리와 표시가 안정적입니다.
핵심 요약
- 상세페이지 이미지는 폭 조정, 분할, 압축 순서가 안정적입니다.
- 한 장짜리 초장문 이미지는 모바일에서 늦게 뜨거나 실패할 수 있습니다.
- 분할 높이는 플랫폼 제한과 모바일 스크롤 경험을 함께 봐야 합니다.
- 조각 파일명은 순서가 유지되도록 번호를 붙여 관리합니다.
한 장짜리 긴 이미지는 왜 위험한가요?
디자인 툴에서 만든 상세페이지를 그대로 내보내면 세로 길이가 매우 긴 이미지 한 장이 됩니다. 작업할 때는 편하지만, 업로드와 표시 단계에서는 문제가 생길 수 있습니다.
브라우저와 모바일 앱은 긴 이미지를 한 번에 디코딩해야 하므로 메모리 사용량이 커지고, 일부 플랫폼에서는 업로드 제한에 걸릴 수도 있습니다.
- 업로드 용량 또는 세로 길이 제한 초과
- 모바일 로딩 지연
- 중간 실패 시 전체 이미지가 보이지 않음
- 부분 수정 시 전체 파일을 다시 만들어야 함
작업 순서는 어떻게 잡나요?
상세페이지 이미지는 아래 순서로 처리하면 시행착오가 줄어듭니다.
| 순서 | 작업 | 이유 |
|---|---|---|
| 1 | 가로 폭 리사이즈 | 판매 채널의 본문 영역에 맞춤 |
| 2 | 세로 조각 분할 | 업로드 실패와 로딩 부담을 줄임 |
| 3 | 각 조각 압축 | 모바일 로딩과 데이터 사용량을 줄임 |
| 4 | 순서 확인 | 파일명이 뒤섞이면 상세페이지 흐름이 깨짐 |
분할 높이는 얼마가 좋나요?
모든 플랫폼에 맞는 하나의 정답은 없습니다. 다만 너무 짧게 나누면 파일 수가 많아지고, 너무 길게 나누면 분할의 장점이 줄어듭니다.
처음에는 3000px 안팎에서 시작하고, 실제 업로드 화면의 제한과 모바일 스크롤 느낌을 보며 조정하는 방식이 현실적입니다.
판매 채널의 최신 업로드 제한은 바뀔 수 있으므로 최종 제출 전 판매자센터 또는 실제 업로드 화면 기준을 확인하세요.
분할 후 확인할 체크리스트
조각을 만든 뒤에는 파일이 생성됐다는 사실보다 상세페이지 흐름이 자연스러운지가 더 중요합니다.
- 조각 사이에서 문장이나 상품 이미지가 어색하게 끊기지 않는가
- 파일명이 01, 02, 03 순서로 정렬되는가
- 각 조각 용량이 과하게 크지 않은가
- 모바일에서 작은 글자가 읽히는가
- 수정이 잦은 영역은 별도 조각으로 분리됐는가
바로 실행하기
상세페이지 이미지 분할
긴 상세 이미지를 업로드 가능한 여러 장으로 분할