한 장으로 올린 상세페이지, 왜 자꾸 느려질까요?

쿠팡 상세페이지 이미지 규격 — 등록 전에 확인할 기준

쿠팡 상세페이지 이미지는 가로 780px을 권장 폭으로 잡습니다. 세로는 이미지 한 장당 3,000px 이내로 만드는 것이 권장 기준이며, 여러 장을 이어 붙인 전체 상세페이지의 총 세로 길이는 30,000px까지 허용됩니다.

• 권장 가로: 780px
• 이미지 한 장당 권장 세로 길이: 3,000px 이내
• 상세페이지 전체 세로 길이 한도: 30,000px
• 이미지 한 장당 최대 용량: 20MB
• 허용 파일 형식: JPG, PNG (GIF는 첨부 불가)

대표 이미지(썸네일)는 상세페이지와 기준이 다릅니다. 썸네일은 500×500px, 장당 2MB 이내로 별도 관리해야 합니다.

쿠팡 상세페이지 이미지 분할 — 한 장으로 올리면 안 되는 이유

디자인 툴에서 상세페이지를 만들 때는 보통 세로로 길게 이어진 하나의 파일로 작업합니다. 이 상태 그대로 내보내면 세로 길이가 10,000px을 훌쩍 넘고, 용량도 수십 MB에 달하는 경우가 흔합니다.

이런 통이미지를 그대로 올리면 등록 화면에서 업로드가 느려지거나 반려될 수 있고, 등록이 되더라도 고객이 상세페이지를 열었을 때 이미지가 위에서부터 순서대로 그려지는 동안 흰 화면이 길게 이어집니다. 특히 모바일 데이터 환경에서는 체감 속도 차이가 큽니다.

그래서 전체 상세페이지를 3,000px 안팎 단위로 잘라 여러 장의 이미지 블록으로 나누는 작업이 필요합니다. 나눈 블록은 등록 화면에서 순서대로 이어 붙이면 화면에는 하나의 상세페이지처럼 보이지만, 각 블록이 개별 파일로 로딩되기 때문에 첫 화면이 훨씬 빨리 뜹니다.

이미지 용량 최적화 — 화질은 유지하고 파일 크기만 줄이기

분할만으로는 부족합니다. 각 블록 파일 자체의 용량도 줄여야 로딩이 빨라집니다. 20MB 한도 안에 들어온다고 해서 안심할 것이 아니라, 실제로는 블록 한 장이 1~3MB 안팎이 되도록 만드는 편이 체감 속도에 유리합니다.

1. 01이미지 크기를 실제 사용 폭(780px)에 맞춰 리사이징합니다. 원본 그대로 올리면 화면에 필요한 크기보다 훨씬 큰 파일이 로딩됩니다.
2. 02저장 형식은 JPG를 기본으로 하고, 압축 품질을 80~90% 구간에서 확인하며 화질과 용량의 균형점을 찾습니다.
3. 03텍스트나 선이 많은 블록은 PNG로 저장하면 오히려 용량이 늘어날 수 있어 배경이 단순한지 먼저 확인합니다.
4. 04작업 후에는 실제 파일 용량을 확인하고, 목표치(1~3MB)를 넘으면 압축 품질을 다시 낮춰 재출력합니다.

용량을 줄인다고 해상도(DPI)를 낮추는 것은 다른 이야기입니다. 웹용 이미지는 72~96 DPI면 충분하고, 그 이상으로 올려도 화면에서는 차이가 보이지 않으면서 파일만 무거워집니다.

이미지 분할 작업 순서 — 디자인부터 업로드까지 4단계

실제 작업 흐름은 디자인 파일을 만드는 시점부터 블록 단위를 염두에 두는 것이 효율적입니다.

1. 011단계. 디자인 단계에서 섹션 경계(대표 컷, 상세 설명, 사용 방법, 옵션 안내 등)를 미리 나눠서 작업합니다.
2. 022단계. 각 섹션을 내보낼 때 세로 3,000px를 넘지 않도록 블록 단위로 분리해 저장합니다.
3. 033단계. 블록마다 가로 780px, JPG, 1~3MB 안팎으로 리사이징·압축합니다.
4. 044단계. 등록 화면에서 블록을 순서대로 업로드하고, 이어 붙였을 때 경계가 어색하지 않은지 미리보기로 확인합니다.

블록 경계에서 배경색이나 여백이 어긋나면 이어 붙인 티가 나기 쉽습니다. 섹션을 나눌 때 배경색이 바뀌는 지점에 맞춰 자르면 자연스럽게 연결됩니다.

쿠팡·스마트스토어·11번가 규격 비교 — 오픈마켓마다 다른 이유

플랫폼마다 상세페이지 이미지 기준이 조금씩 다릅니다. 여러 마켓에 같은 상품을 등록한다면 가장 까다로운 기준에 맞춰 원본을 만들어두고 마켓별로 리사이징하는 편이 작업이 줄어듭니다.

가로 폭이 다르기 때문에 원본을 하나로 통일해서 각 마켓 폭에 맞춰 리사이징만 다시 하는 방식이 재작업을 줄이는 방법입니다. 세로 분할 기준은 마켓 정책이 없더라도 3,000px 안팎으로 맞추면 대부분의 환경에서 로딩 속도에 무리가 없습니다.

자주 하는 실수 — 반려되거나 로딩이 느려지는 경우

등록 과정에서 반복되는 실수 몇 가지를 정리했습니다.

• GIF 파일을 그대로 올리는 경우 — 쿠팡은 상세페이지 이미지로 GIF를 허용하지 않습니다. JPG나 PNG로 다시 저장해야 합니다.
• 한 장당 20MB를 넘기는 경우 — 업로드 자체가 되지 않거나 오래 걸립니다. 리사이징 없이 원본 그대로 내보낸 파일에서 자주 발생합니다.
• 세로 길이를 확인하지 않고 내보내는 경우 — 디자인 툴 화면에서는 문제없어 보여도 실제 픽셀 값은 3,000px을 훌쩍 넘는 경우가 많습니다.
• 블록 순서를 뒤바꿔 올리는 경우 — 업로드 후 미리보기에서 순서를 반드시 확인해야 합니다.

등록 전 체크리스트 — 마지막으로 확인할 것

• 각 블록의 가로 폭이 780px에 맞춰져 있나요?
• 블록 한 장의 세로 길이가 3,000px을 넘지 않나요?
• 전체 이미지 세로 길이 합이 30,000px 이내인가요?
• 파일 형식이 JPG 또는 PNG인가요? (GIF는 제외)
• 블록 한 장 용량이 1~3MB 안팎으로 정리되어 있나요?
• 업로드 후 미리보기에서 블록 순서와 경계가 자연스럽게 이어지나요?