제품 이미지 크기 — 쓰임새별 출력 규격

제품 이미지는 쓸 자리마다 새로 만드는 것이 아니라, 가장 큰 쓰임새에 맞춰 한 번 크게 만들어 두고 거기서 줄여 씁니다. 긴 변 2,000~2,500px 짜리 원본 한 벌이 있으면 상세페이지 · 목록 카드 · 광고 소재 · 문서까지 대부분 여기서 나옵니다. 줄이면 깨끗하고 키우면 뭉개집니다 — 이 한 줄이 크기를 정하는 기준 전부입니다.

원본은 몇 px 로 만들어 두나요

최종 쓰임	실제로 쓰는 긴 변	원본에 필요한 긴 변
목록 카드 · 썸네일	300~800px	1,600px
상세페이지 본문	800~1,000px	2,000px
눌러서 확대해 보는 이미지	1,200~1,600px	2,400px
광고 소재	1,080~1,200px	2,000px
소책자 · 전단 인쇄	인쇄 크기 mm × 300dpi	3,000px 이상

화면에만 쓸 계획이면 긴 변 2,000~2,500px 로 충분합니다. 인쇄까지 갈 가능성이 조금이라도 있으면 처음부터 3,000px 이상으로 뽑아 둡니다. 나중에 키우는 방법은 없고, 다시 만들면 같은 그림이 나오지 않기 때문입니다.

크게 만들어 두는 값은 파일 용량뿐입니다. 저장 공간은 늘리기 쉽지만, 같은 장면을 다시 만들어 내는 시간은 그렇지 않습니다. 크기는 만들기 전에 정하는 값이라고 보면 됩니다.

비율은 몇 가지를 만들어 두나요

비율	쓰는 자리	만들 크기
1:1 정사각	목록 카드 · 입점 채널 대표 이미지	2,000 × 2,000px
4:5 세로	사회관계망 게시물 · 모바일 화면	1,600 × 2,000px
3:2 가로	홈페이지 본문 · 배너	2,400 × 1,600px
9:16 세로	짧은 영상 · 화면을 꽉 채우는 자리	1,440 × 2,560px

네 가지를 각각 새로 만드는 것이 아닙니다. 한 장면을 가장 넓은 범위로 한 번 만들어 두고 잘라 씁니다. 그러려면 만들 때 제품 둘레에 여백을 넉넉히 남겨야 합니다. 채널마다 요구하는 비율이 조금씩 다르니 올리기 전에 그 채널의 안내를 한 번 확인합니다.

만들어 낼 때 크기는 어떻게 잡나요

이미지를 만들어 내는 도구는 대개 정해진 크기로 결과를 내놓습니다. 그 크기가 위 표의 원본 기준보다 작으면 두 단계로 갑니다 — 원하는 비율로 먼저 만들고, 그다음 키우는 기능으로 긴 변을 올립니다. 작게 만들어 두고 나중에 필요해져 키우면 같은 일을 두 번 하게 됩니다.

키우는 과정에서는 없던 결이 생깁니다. 제품 표면의 글자 · 바느질선 · 금속의 결처럼 원래 모양이 정해져 있는 부분은 키운 뒤 100% 배율로 한 번 확인합니다. 어긋난 자리가 있으면 그 부분만 원래 사진에서 가져와 덮습니다. 배경과 그림자는 조금 달라져도 티가 나지 않지만, 제품 자체가 달라지면 받는 사람이 먼저 알아봅니다.

제품은 화면에서 얼마나 차지하게 두나요

• 제품이 차지하는 넓이는 화면의 70~80% — 목록에서 작아져도 무엇인지 알아볼 수 있습니다
• 사방 여백은 각 변의 10% 이상 — 다른 비율로 자를 여지가 남습니다
• 제품 중심은 가운데 80% 안에 — 어느 비율로 잘라도 잘려 나가지 않습니다
• 그림자와 반사는 여백 안쪽까지만 — 자를 때 그림자가 끊기면 제품이 떠 보입니다

여백을 아끼면 나중에 세로 비율로 자를 수 없어 그 장면을 다시 만들게 됩니다. 반대로 여백이 너무 넓으면 목록에서 제품이 콩알만 하게 보입니다. 70~80% 와 사방 10% 를 함께 지키면 두 문제가 같이 풀립니다.

만든 뒤 어떤 크기로 내보내나요

자리	내보낼 긴 변	형식	용량 목표
상세페이지 본문	1,600~2,000px	WEBP · JPG	300KB 이하
목록 카드	800px	WEBP · JPG	100KB 이하
배경을 비운 컷	2,000px	PNG	1MB 이하
문서 · 메일 첨부	1,200px	JPG	500KB 이하
인쇄로 넘김	줄이지 않습니다	원본 그대로	—

폴더는 「원본」과 「내보내기」 둘로 나눕니다. 원본은 손대지 않고, 필요할 때마다 원본에서 새로 내보냅니다. 이미 내보낸 파일을 또 줄여 쓰면 그때마다 화질이 한 번씩 더 깎입니다.

내보낼 크기는 한자리에서 한 번에 정합니다. 필요할 때마다 그때그때 줄이면 같은 장면이 크기별로 여러 벌 생겨 어느 것이 최신인지 헷갈리고, 상세페이지와 목록 카드에 서로 다른 판이 올라갑니다. 자리 목록을 먼저 적고 그 목록대로 한 번에 내보내면 이런 일이 생기지 않습니다.

크기를 잘못 잡으면 무엇이 깨지나요

증상	원인	다시 하는 법
확대하면 뿌옇습니다	작게 만든 것을 키워 썼습니다	원본에서 큰 크기로 다시 뽑습니다
세로 화면에서 제품이 잘립니다	여백 없이 꽉 채워 만들었습니다	여백을 넣어 다시 만듭니다
목록에서 무엇인지 안 보입니다	여백이 넓고 제품이 작습니다	잘라서 제품 비중을 올립니다
인쇄물에서 흐립니다	화면용 크기로 만들었습니다	인쇄 크기 × 300dpi 로 다시 만듭니다
장마다 제품 크기가 다릅니다	장면마다 따로 만들었습니다	한 장을 기준 삼아 비중을 맞춥니다

다섯 가지 모두 원본이 크게 남아 있으면 자르고 줄여 그 자리에서 해결됩니다. 원본이 작으면 다시 만드는 수밖에 없습니다. 크기는 만들기 전에 정하는 값입니다.

오늘 할 일

지금 쓰는 제품 컷 폴더에서 대표 이미지 한 장을 열어 긴 변이 몇 px 인지 봅니다. 2,000px 보다 작으면 그 제품은 원본을 다시 만들 목록에 올립니다. 그리고 앞으로 만들 크기를 「긴 변 2,400px · 정사각 · 사방 여백 10%」처럼 한 줄로 적어 폴더 맨 위에 메모로 남깁니다. 20분이면 됩니다.