듀오랩스

제품 이미지 준비: 쇼핑몰·카탈로그·업무 시스템에 올릴 사진 규격

가이드 문서 7분 읽기catalogdocsguidemodel-anthropic-claude-opus-5product-imagepublic-doc

제품 사진 원본은 2000×2000 정사각형으로, 제품을 가운데 60~70% 안에 두고, 모든 사진의 배경·각도·조명을 같게 맞춰 주세요. 이 세 가지만 지키면 같은 사진을 쇼핑몰 목록, 카탈로그 카드, 업무 시스템의 품목 썸네일, 견적서까지 다시 찍지 않고 씁니다. 화면에 맞는 크기와 파일 형식으로 줄이는 일은 저희가 합니다. 아래에서 왜 그 규격인지, 몇 장이 필요한지, 자주 하는 실수를 정리합니다.

한눈에 보는 규격

항목 권장 최소
비율 정사각형 1:1 정사각형 1:1
크기 2000×2000 픽셀 1200×1200 픽셀
제품 위치 가운데, 캔버스의 60~70% 안 가장자리에 닿지 않게
배경 밝은 단색, 모든 사진 같은 색 모든 사진 같은 색
파일 형식 PNG 또는 품질 90 이상의 JPG JPG
글자·로고 넣지 않음 넣지 않음
파일 이름 영문 소문자와 하이픈 (round-bottle.jpg) 한글도 받지만 영문을 권장

정사각형인 이유

같은 사진이 화면마다 다른 비율로 잘려서 쓰이기 때문입니다. 쇼핑몰 목록은 정사각형, 카탈로그 카드는 가로로 조금 긴 4:3이나 3:2, 업무 시스템의 목록 썸네일은 세로로 긴 칸인 경우가 많습니다.

정사각형 가운데에 제품이 있으면 어느 비율로 잘라도 제품이 남습니다. 가로로 긴 원본을 세로 칸에 넣으면 제품 양옆이 잘리고, 세로로 긴 원본을 가로 카드에 넣으면 병 윗부분이 잘립니다. 대부분의 오픈마켓이 대표 이미지를 정사각형으로 권장하는 것도 같은 이유입니다.

병처럼 세로로 긴 제품, 펠릿이나 원단처럼 옆으로 퍼진 제품, 박스처럼 각진 제품이 한 목록에 섞일 때도 정사각형 틀 하나에 담는 편이 줄이 가지런합니다.

2000픽셀인 이유

화면에서 가장 크게 보이는 자리가 기준입니다. 카드 한 장이 화면에서 300~400픽셀쯤이고, 선명한 화면(레티나)은 그 두 배를 씁니다. 그래서 화면에만 쓴다면 800픽셀 안팎이면 충분합니다.

원본을 2000픽셀로 받는 것은 여유 때문입니다. 나중에 상세 화면에서 크게 보기, 견적서나 카탈로그 인쇄, 쇼핑몰 연동이 생겨도 사진을 다시 준비하지 않아도 됩니다. 그보다 크게(4000픽셀 이상) 찍어도 화면에서 달라지는 것은 없고 파일만 무거워집니다.

화면에 올릴 때는 저희가 크기별로 줄여 가벼운 형식(WebP)으로 바꿉니다. 목록용 작은 썸네일과 카드용 중간 크기를 따로 만들어, 제품이 수백 개인 목록도 빠르게 열립니다.

안전 영역: 가운데 60~70%

제품이 캔버스를 꽉 채우면 비율을 바꿔 자를 때 가장자리가 잘립니다. 위아래와 좌우에 비슷한 여백을 두고 제품을 가운데 60~70% 안에 넣어 주세요.

여백이 아까워 보여도 목록 썸네일에서는 이 여백 덕분에 제품들의 크기가 고르게 보입니다. 어떤 사진은 꽉 차고 어떤 사진은 작으면, 실제 크기와 상관없이 제품마다 크기가 달라 보입니다.

몇 장이 필요한가

제품마다 한 장씩 찍을 필요는 없는 경우가 많습니다. 사진으로 구분되는 차이만큼만 찍으면 됩니다.

이런 차이라면 사진
모양이 다름 (원형병, 사각병, 튜브) 모양마다 한 장
용량만 다름 (200ml, 500ml) 같은 사진. 용량은 글자로 표시
색만 다름 대표 색 한 장. 색이 판매의 핵심이면 색마다
원료·부자재처럼 종류가 수백 개 종류마다 한 장 (레진, 라벨, 박스)
가공 전후가 다름 (무지 용기, 인쇄 완료) 전후 각각 한 장

예를 들어 포장용기 제조사라면 완제품 모양 5장, 가공 전 용기 4장, 원료 3장, 부자재 6장으로 제품 수백 개를 덮을 수 있습니다. 실제 제품 사진이 나중에 생기면 같은 파일 이름으로 바꿔 넣으면 됩니다.

한 세트로 보이게 찍기

목록에서는 사진 한 장의 품질보다 여러 장이 한 세트로 보이는지가 더 눈에 띕니다. 다음을 모든 사진에서 같게 맞춰 주세요.

  • 배경: 같은 색. 흰색보다 아주 밝은 회색이 화면의 흰 배경과 구분돼 가지런합니다
  • 각도: 정면에서 약간 위. 사진마다 각도가 바뀌면 크기와 모양이 달라 보입니다
  • 조명: 같은 방향, 부드러운 그림자. 강한 그림자는 작은 썸네일에서 얼룩처럼 보입니다
  • 거리: 제품이 캔버스에서 차지하는 비율을 비슷하게

투명 배경(PNG 투명)은 권하지 않습니다. 어두운 화면 모드에서 투명하거나 흰 제품이 배경에 묻혀 보이지 않습니다.

자주 하는 실수

사진에 글자를 넣음. 「완제품」 「신제품」 같은 글자나 로고를 사진에 넣으면 화면에 이미 있는 제품명과 두 번 적히고, 작은 썸네일에서는 글자가 뭉개집니다. 사진에는 제품만 두고 글자는 화면이 붙입니다.

화면 캡처로 보냄. 다른 페이지나 문서를 캡처한 이미지는 해상도가 낮고 주변 요소가 함께 찍힙니다. 가능하면 원본 파일을 보내 주세요.

여러 제품을 한 장에. 제품군을 소개하는 이미지로는 좋지만, 한 제품의 사진으로 쓰면 어느 것이 그 제품인지 알 수 없습니다. 소개용 이미지는 따로 준비합니다(아래).

사진마다 배경이 다름. 한 장씩 보면 괜찮아도 목록에 나란히 서면 가장 먼저 눈에 띕니다.

제품을 꽉 채움. 비율을 바꿔 자를 때 잘리고, 목록에서 제품 크기가 들쭉날쭉해 보입니다.

소개용 이미지는 따로

로그인 화면 배경, 카테고리 머리 배너, 홈페이지 대표 이미지, 블로그 대표 이미지처럼 쓰이는 자리가 하나로 정해진 이미지는 그 자리의 비율로 따로 만듭니다. 이런 이미지에는 여러 제품을 함께 배치하거나 문구를 넣어도 됩니다.

자리 흔한 비율
카테고리 배너 3:1 또는 4:1
홈페이지 대표 이미지 16:9
블로그·링크 미리보기 1.91:1 (1200×630)

제품 사진과 소개 이미지를 한 장으로 겸하려 하면 둘 다 어정쩡해집니다.

사용 권리 확인

직접 촬영했거나 직접 만든 이미지(AI 생성 포함)라면 문제없습니다. 제조사나 공급사에서 받은 사진, 인터넷에서 찾은 사진은 그 사진을 우리 사이트나 시스템에 써도 되는지 먼저 확인해 주세요. 공개 페이지에 올라가는 사진은 한 번 올라가면 검색엔진과 다른 사이트에 퍼져 되돌리기 어렵습니다.

보내실 때 체크리스트

  • 정사각형, 2000×2000(최소 1200×1200)
  • 제품이 가운데 60~70% 안
  • 모든 사진의 배경·각도·조명이 같음
  • 사진에 글자·로고 없음
  • 캡처가 아닌 원본 파일
  • 파일 이름이 어떤 제품인지 알 수 있음 (영문 권장)
  • 사용 권리 확인

관련 문서

마지막 수정:

재사용하실 때는 출처(Duolabs)와 이 문서의 정식 URL을 표시해 주세요.