상세페이지 이미지 사이즈 — 폭·용량·분할

상세페이지 이미지는 가로 폭 · 파일 용량 · 자르는 장수 세 가지만 정하면 나머지는 따라옵니다. 폭은 올릴 판매처가 정해 둔 값을 그대로 쓰고, 용량은 한 장 500KB 안팎으로 맞추고, 세로가 길어지면 여러 장으로 잘라 올립니다. 작업을 맡길 때 이 세 줄만 적어 주면 되묻는 일이 없습니다.

가로 폭은 무엇을 보고 정하나요

폭은 취향이 아니라 올릴 자리가 정합니다. 판매처마다 본문이 들어가는 영역의 폭이 정해져 있어서, 그보다 넓게 만들면 화면에서 자동으로 줄어들며 글자가 흐려지고, 좁게 만들면 양옆이 비어 보입니다. 실제 숫자는 그 판매처 판매자 도움말의 이미지 등록 항목에 적혀 있습니다.

정한 폭의 2배로 그리고 마지막에 절반으로 줄여 내보냅니다. 화면 밀도가 높은 기기에서 글자 테두리가 뭉개지지 않습니다. 예를 들어 완성 폭이 860px 이면 1720px 로 작업하고 860px 로 저장합니다.

올릴 자리	폭을 정하는 방법	그릴 때 폭
오픈마켓 · 종합몰	판매자 도움말에 적힌 본문 폭 그대로	그 값의 2배
자체몰	본문 영역 폭에 맞춤 — 예를 들어 1000px	2000px
블로그 · 카페	글이 들어가는 영역 폭에 맞춤	그 값의 2배
여러 곳에 함께 올림	가장 좁은 곳의 폭에 맞춤	그 값의 2배

여러 곳에 같은 상세페이지를 올릴 계획이면 가장 좁은 곳의 폭에 맞춥니다. 넓은 화면에서는 양옆에 여백이 생기지만 글자는 그대로 읽힙니다. 반대로 넓은 쪽에 맞추면 좁은 화면에서 전체가 줄어들어 작은 안내 글자부터 뭉개집니다. 한 벌로 여러 곳을 감당하려면 좁은 쪽이 기준입니다.

파일 용량은 어디까지 줄이나요

판매처마다 한 장당 올릴 수 있는 용량 한도가 있습니다. 한도는 도움말에 적혀 있지만, 실제로 맞춰야 하는 기준은 한도가 아니라 열리는 속도입니다. 한 장이 1MB 를 넘어가면 아래로 내려가는 동안 이미지가 늦게 뜹니다. 한 장 500KB 안팎을 목표로 잡습니다.

줄이는 데는 순서가 있습니다. 폭을 먼저 맞추고, 형식을 고르고, 그래도 크면 압축 품질을 낮춥니다. 순서를 바꿔 압축부터 하면 화질만 잃고 용량은 별로 줄지 않습니다. 압축 품질은 80% 근처까지가 안전합니다 — 그 아래로 내리면 글자 테두리에 얼룩이 보입니다.

화면에 든 것	형식	이유
제품 사진이 대부분	JPG	같은 화질에서 용량이 작습니다
글자 · 도형 · 단색 배경이 대부분	PNG	글자 테두리가 번지지 않습니다
배경이 비쳐야 하는 그림	PNG	투명한 부분을 담을 수 있습니다
사진과 글자가 섞임	JPG	글자를 조금 크게 넣어 번짐을 덮습니다

한 장 용량만 보지 말고 합계도 봅니다. 열 장을 500KB 로 맞추면 상세페이지 하나가 5MB 안팎이 됩니다. 이 정도면 아래로 내려가는 속도에 걸리지 않습니다. 합계가 10MB 를 넘어가면 장수를 줄이기보다 사진의 폭을 다시 확인하는 편이 빠릅니다 — 원본을 줄이지 않고 그대로 올린 사진이 대개 한두 장 섞여 있습니다.

세로로 긴 이미지는 몇 장으로 자르나요

상세페이지는 세로로 긴 그림 한 장으로 그린 뒤 여러 장으로 잘라 올립니다. 한 장이 너무 길면 용량이 커지고, 너무 잘게 자르면 이미지 사이에 흰 줄이 보입니다.

항목	기준
한 장 세로	1,000~1,500px
한 장 용량	500KB 안팎
총 장수	8~12장
총 세로 길이	10,000px 안팎
자르는 위치	문단 사이 배경만 있는 자리
파일 이름	detail_01 · detail_02 처럼 두 자리 번호

자르는 위치가 가장 중요합니다. 글자 한가운데나 제품 사진 한가운데를 지나가면 이미지가 조금만 어긋나도 티가 크게 납니다. 문단과 문단 사이, 배경만 있는 자리에서 자릅니다. 파일 이름에 두 자리 번호를 붙이는 이유는 열 장이 넘어갈 때 순서가 섞이지 않게 하기 위해서입니다.

글자와 여백은 어떤 크기로 넣나요

글자 크기는 고정된 숫자가 아니라 폭에 대한 비율로 잡으면 어떤 폭에서도 같은 인상이 됩니다. 아래는 폭을 1로 놓고 나눈 값이고, 오른쪽 칸은 완성 폭이 860px 일 때의 예시입니다.

요소	폭에 대한 비율	폭 860px 일 때
큰 제목	1/15 안팎	약 56px · 한 줄에 10자 이내
본문	1/30 안팎	약 28px · 한 줄에 20~25자
작은 안내	1/40 안팎	약 22px · 배송 · 주의사항
좌우 여백	양쪽 8%씩	약 70px

서체는 두 종류까지만 씁니다. 굵기로 차이를 내면 종류를 늘리지 않아도 제목과 본문이 갈립니다. 글자색은 배경과 밝기 차이를 크게 둡니다 — 흰 배경에 연한 회색 글자를 놓으면 화면 밝기를 낮춘 상태에서 읽히지 않습니다.

작업을 맡길 때 규격을 어떻게 적나요

여섯 줄이면 충분합니다. 이 여섯 줄이 앞에 있으면 중간에 규격 때문에 다시 만드는 일이 없습니다.

• 올릴 곳 — 어느 판매처에 올리는지, 여러 곳이면 전부
• 완성 폭 — 판매자 도움말에서 확인한 값. 작업은 그 2배
• 파일 형식 — JPG 인지 PNG 인지
• 한 장 용량 — 500KB 안팎
• 총 장수와 총 세로 길이
• 파일 이름 규칙 — 두 자리 번호를 붙인 형태

이미 만들어 둔 상세페이지가 있으면 그 파일도 함께 넘깁니다. 지금 쓰는 폭 · 글자 크기 · 색이 그대로 기준이 되어 새로 정할 것이 줄어듭니다.

오늘 할 일

오늘 올릴 판매처의 판매자 도움말에서 이미지 등록 항목을 열어 세 줄을 적으십시오. 본문 폭 몇 px · 한 장당 용량 한도 · 한 번에 올릴 수 있는 장수. 20분이면 찾습니다. 이 세 줄이 그대로 작업 지시서의 첫 세 줄이 되고, 이미 만들어 둔 이미지가 규격에 맞는지도 그 자리에서 확인됩니다.