상세페이지 이미지 용량 줄이기 — 화질 안 깨지고 업로드 제한 맞추는 법

용량 제한, 왜 상세페이지에서 유독 문제가 되나

썸네일 한 장은 용량 제한에 걸릴 일이 거의 없습니다. 문제는 상세페이지입니다. 가로 860px에 세로 3,000px짜리 이미지를 PNG로 저장하면 한 장이 수 MB를 쉽게 넘기고, 사진 위주 페이지라도 압축 없이 저장하면 1MB를 훌쩍 넘습니다. 그런데 G마켓·옥션은 장당 1000KB가 공식 상한이라, 다른 마켓에서 잘 쓰던 파일이 그대로 반려됩니다.

위 수치는 오픈마켓 상세페이지 사이즈 총정리에 정리된 값을 그대로 가져온 것이며, 정책은 바뀔 수 있으니 업로드 직전 각 판매자센터에서 다시 확인하세요.

용량이 큰 이미지는 업로드 반려만 문제가 아닙니다. 한 페이지에 5~10장이 올라가면 전체 용량이 10MB를 넘기기 쉽고, 모바일 데이터로 접속한 고객은 첫 화면이 뜨기 전에 이탈합니다. 그래서 제한이 넉넉한 스마트스토어라도 용량은 줄이는 편이 이득입니다.

JPEG · PNG · WebP, 상세페이지에선 이렇게 고른다

형식 선택의 기준은 "무엇이 좋은 형식인가"가 아니라 그 섹션에 사진이 많은지, 글자와 선이 많은지입니다.

사진 위주 섹션은 JPEG 품질 75~85면 화면에서 원본과 거의 구분되지 않으면서 용량은 크게 줄어듭니다. 100으로 저장한다고 화질이 눈에 띄게 좋아지지 않고 용량만 크게 늘어납니다. 반대로 글자·선·표가 많은 섹션은 PNG가 안전합니다. JPEG로 저장하면 글자 주변에 얼룩 같은 노이즈가 생기고, 품질을 낮출수록 두드러집니다.

WebP는 같은 화질에서 JPEG보다 용량이 작은 편이지만, 상세설명 에디터가 WebP를 받는지는 플랫폼마다 다르고 시점에 따라 바뀝니다. WebP는 "쓸 수 있으면 유리한 선택지"이지 기본값이 아니므로 업로드 전 판매자센터에서 허용 형식을 확인하고, 안 되면 JPEG·PNG로 저장하세요.

한 페이지 안에 사진 섹션과 텍스트 섹션이 섞여 있는 게 보통이라, 아래에서 설명할 세로 분할을 먼저 하면 섹션마다 형식을 다르게 저장할 수 있다는 부수 효과가 있습니다.

긴 페이지를 세로로 나누는 이유와 기준

통이미지 한 장이 편해 보여도 실무에서는 나눠 올립니다. 이유는 세 가지입니다.

• 용량 상한이 "한 장" 기준이라, 나누면 장당 용량이 자연스럽게 줄어듦
• 긴 이미지는 브라우저가 전체를 받은 뒤에야 표시해 첫 화면이 늦게 뜸
• 한 섹션만 수정할 때 그 장만 다시 올리면 됨

분할 높이는 플랫폼별 통용 기준을 따릅니다. 쿠팡은 한 장 3,000px 이하, 스마트스토어는 5,000px 이하가 실무 기준이고, G마켓·옥션은 세로 제한이 없는 대신 1000KB 용량이 먼저 걸리므로 결과적으로 더 짧게 자르는 경우가 많습니다. 여러 마켓에 동시에 올린다면 가장 짧은 3,000px 단위로 맞춰 두는 편이 재작업이 적습니다.

자를 때의 원칙은 하나입니다. 글자나 사진 중간이 아니라 섹션 경계에서 자릅니다. 헤드라인과 본문이 다른 장으로 갈라지면 로딩 순서에 따라 잠깐 문맥이 끊겨 보입니다. 쿠팡·G마켓 각각의 규격은 쿠팡 상세페이지 사이즈·규격 완벽 가이드와 G마켓·옥션 상세페이지 사이즈·규격 가이드에서 확인할 수 있습니다.

순서가 중요하다 — 폭 맞추기 → 분할 → 압축

같은 작업이라도 순서를 바꾸면 결과가 달라집니다. 권장 순서는 다음과 같습니다.

1. 폭을 플랫폼 기준에 맞춘다 — 스마트스토어·G마켓 860px, 쿠팡 780px, 옥션 최대 980px. 큰 원본(예 1,200~1,600px)에서 줄이는 것은 괜찮지만, 작은 이미지를 키우면 흐려집니다.
2. 섹션 경계에서 세로로 나눈다 — 위에서 정한 3,000~5,000px 기준 안에서, 의미 단위로.
3. 마지막에 압축한다 — 장마다 사진 위주면 JPEG 75~85, 글자 위주면 PNG로 저장하고 용량을 확인.

압축을 먼저 하고 나중에 리사이즈하면 압축 노이즈가 함께 축소·재압축되어 화질이 두 번 깎입니다. 반대로 폭을 먼저 맞추면 압축해야 할 픽셀 수 자체가 줄어 같은 품질 설정에서도 용량이 작아집니다. 원본은 반드시 따로 보관해 두고, 마켓별로 다시 만들 때는 원본에서 시작하세요.

용량이 안 줄어들 때 점검 순서

압축은 한 번만 합니다. 이미 JPEG로 저장된 파일을 열어 다시 JPEG로 저장하는 일이 반복될수록 화질은 돌아오지 않고 나빠지기만 합니다.

무료로 쓸 수 있는 도구

특별한 프로그램이 없어도 됩니다. 도구는 목적별로 하나씩만 알아 두면 충분합니다.

• 리사이즈·분할: 맥 미리보기, 윈도우 그림판·사진 앱, 또는 포토샵의 분할(슬라이스) 기능. 무료 온라인 이미지 분할 도구도 세로 px 단위 분할을 지원합니다.
• 압축: 브라우저에서 바로 돌아가는 스쿼시 계열 압축 도구(품질 슬라이더로 결과를 눈으로 비교하며 저장), 포토샵 "웹용으로 저장(Save for Web)"의 품질 미리보기.
• 일괄 처리: 장수가 많을 때는 폴더 단위로 압축해 주는 데스크톱 압축 도구가 편합니다.

AI 생성 도구 중에는 플랫폼별 폭·분할·용량 최적화를 내려받을 때 자동으로 적용하는 것도 있어, 이 과정 자체를 건너뛰는 선택지도 있습니다. 어느 방식이든 최종 파일은 업로드 전에 휴대폰으로 열어 글자가 또렷한지 확인하는 단계는 남겨 두세요.

자주 하는 실수

• 품질 100으로 저장 — 화질 차이는 거의 없고 용량만 커집니다. 75~85로 충분합니다.
• 모든 장을 PNG로 통일 — 사진이 있는 장은 용량이 몇 배로 뜁니다. 섹션 성격에 맞춰 나눠 저장하세요.
• 폭을 안 맞추고 압축만 반복 — 플랫폼이 표시할 때 어차피 축소하므로, 큰 폭을 유지할 이유가 없습니다.
• 한 장 상한만 맞추고 페이지 전체 용량은 무시 — 장당 900KB로 10장이면 9MB입니다. 모바일에서 체감이 느리면 사진 장의 품질을 5씩 낮춰 보세요.
• WebP 지원을 단정 — 지원하지 않는 에디터에 올리면 업로드 자체가 막힙니다. 확인 후 사용하세요.