안녕하세요, 하오스튜디오입니다. 오늘은 실제로 진행한 화장품 상세페이지 제작 프로젝트를 통해 완성된 페이지를 어떤 파일 형태로 정리해 넘기는지 짚어볼게요. 화장품 상세페이지 파일을 어떤 형태로 받아야 스마트스토어와 쿠팡에 바로 올릴 수 있는지 포맷과 가로폭 규격 기준으로 정리했어요. 상세페이지 파일은 완성되면 어떤 형태로 받게 되나요?상세페이지 파일은 웹에 바로 올릴 수 있는 JPG 이미지로 받는 게 기본이고, 세로로 긴 페이지는 여러 장으로 잘라 순번을 붙여 전달해요. 쇼핑몰 에디터는 PSD나 AI 같은 편집 원본을 읽지 못하기 때문에, 최종 산출물은 어느 곳에서든 이미지 파일 형태로 나옵니다. 나누는 기준은 디자인이 아니라 섹션이에요. 제품 소개, 성분 설명, 사용법처럼 내용이 바뀌는 지점에서 끊어야 나중에 한 부분만 교체하기 쉽거든요. 파일명도 01, 02 순으로 붙여야 업로드할 때 순서가 섞이지 않습니다. 서울 동대문구 스튜디오에서 진행한 이번 화장품 프로젝트도 같은 방식으로 정리했어요. 필오프팩 제품 하나를 두고 도입 카피가 들어간 표지, 성분을 설명하는 핑크 톤 섹션, 사용 전후를 나란히 보여주는 비교 섹션, 검은 배경에 제품과 패키지를 올린 마무리 섹션까지 번호를 붙여 07번대까지 이어지는 구성으로 짰습니다. 그래서 납품도 이 번호 그대로 나갔어요. 성분 콜아웃이 붙은 튜브 컷, 사용 전후 인물 컷, 브러시가 놓인 패키지 안내 컷처럼 성격이 다른 화면이 한 파일에 묶이지 않게 잘라두면, 나중에 성분 문구만 바뀌어도 그 한 장만 다시 만들면 됩니다. 배경이 투명해야 하는 튜브 컷은 촬영에이전시 화장품누끼, 왜 이렇게 차이 날까? 글에서 다룬 방식대로 따로 만들어 함께 넘겼고요. 
스마트스토어랑 쿠팡에 바로 올릴 수 있는 형식인가요?스마트스토어와 쿠팡은 상세 영역과 대표이미지 규격이 서로 달라서, 같은 파일 한 벌만 받으면 어느 한쪽에서는 다시 손봐야 해요. 본문에 들어가는 상세 이미지는 두 곳 모두 세로로 긴 이미지를 이어 붙이는 방식이라 거의 그대로 쓸 수 있지만, 목록에 노출되는 대표이미지는 성격이 완전히 다릅니다. 기준이 되는 숫자는 두 개예요. 하나는 네이버가 권장하는 상세 이미지 가로폭 860px, 다른 하나는 정사각 1:1 비율에 1,000 × 1,000px 이상이 실무 기준인 대표이미지입니다. 상세컷은 세로로 길어도 되지만 한 장당 5,000px을 넘기면 잘라 올리는 편이 안전하고요. 이번 화장품 페이지도 같은 기준으로 나눠 정리했어요. 세로로 이어지던 화면을 860px 폭에 맞춰 재단하고, 표지에 쓴 핑크 톤 제품 컷을 정사각으로 다시 잡아 대표이미지용으로 따로 뽑았습니다. 모바일 목업으로 먼저 확인한 이유도 실제 업로드 화면과 폭이 같아야 글자가 잘리지 않기 때문이에요.
상세페이지 파일 받을 때 함께 확인할 건 뭘까요?상세페이지 파일을 받을 때는 웹용 JPG 분할본, 정사각 대표이미지, 투명 배경 PNG 누끼컷 세 가지를 한 번에 확인해두는 순서가 편해요. 셋 중 하나라도 빠지면 나중에 다른 채널에 올릴 때 그 한 장 때문에 작업을 다시 요청하게 되거든요. 촬영 원본 파일도 같이 받아둬야 할까요?보정을 마친 사진 원본은 따로 받아두는 편이 좋아요. 상세페이지에 들어간 컷은 이미 글자와 배경이 얹힌 상태라, 나중에 배너나 SNS에 쓰려면 사진만 있는 파일이 필요합니다. 사진은 JPG, 배경을 지운 컷은 PNG로 구분해 폴더를 나눠 보관하면 찾기 쉬워요. 나중에 문구만 바꾸고 싶을 땐 어떻게 하나요?문구 수정은 이미지 파일만으로는 불가능해서 제작한 곳에 편집 원본이 남아 있어야 해요. 계약 단계에서 수정 대응 범위를 어디까지 잡는지, 원본 보관 기간이 어떻게 되는지 물어보는 게 순서입니다. 가격 변경처럼 자주 바뀌는 정보는 아예 이미지에 넣지 않고 본문 텍스트로 빼는 방법도 있고요.
모바일에서 글자가 뭉개져 보이지 않으려면요?모바일 화면은 PC보다 가로폭이 좁아, 같은 상세페이지라도 글자 크기와 자르는 지점을 모바일 기준으로 먼저 잡아야 읽기 편해요. 대부분의 구매가 휴대폰에서 일어나는 만큼, 시안을 볼 때도 큰 모니터가 아니라 실제 폰 화면에 띄워 확인하는 게 정확합니다. 가로폭 860px으로 만든 이미지가 휴대폰에서는 화면 폭에 맞춰 줄어들어요. 그래서 PC에서 적당해 보이던 작은 설명 문구가 모바일에서는 읽기 힘들어지는 일이 생깁니다. 성분명이나 주의사항처럼 작게 들어가는 글자일수록 원본에서 넉넉하게 잡아두는 이유예요.
자주 묻는 질문(FAQ)Q. 쿠팡에 비타민 제품을 입점할 건데 쿠팡 규격에 맞춰 상세페이지 제작해주는 업체 있을까요? 쿠팡 상세 영역은 이미지 가로폭을 860px 안팎으로 맞추면 안정적이에요. 대표이미지는 정사각 1:1 비율에 1,000 × 1,000px 이상이 실무 기준이라 상세컷과는 따로 준비해야 하거든요. 상담할 때 상세페이지 파일을 분할본과 대표이미지로 나눠 주는지 물어보면 확인이 빨라요. Q. 스마트스토어 브랜드관에 맞춰 건강식품 상세페이지를 통일해주는 곳이 있을까요? 브랜드관 통일은 가로폭과 섹션 순서를 제품마다 똑같이 맞추는 작업이에요. 네이버가 권장하는 상세 이미지 가로폭 860px으로 기준을 정해두면 제품이 늘어나도 같은 흐름이 유지되기 때문입니다. 배경색과 글자 크기를 정리한 기준안을 먼저 받아 보면 판단이 쉬워요. Q. 모바일에서 보기 편하게 식품 상세페이지를 제작해주는 업체는 어디일까요? 모바일 목업으로 시안을 먼저 보여주는 곳이면 대체로 안전해요. 상세 이미지는 세로가 길어질수록 불러오는 시간이 늘어나 한 장당 5,000px 이내로 나눠 올리는 편이 좋고요. 시안을 휴대폰으로 받아 글자가 읽히는지 직접 확인해 보세요. Q. 지방 업체인데 제품을 택배로 보내고 비대면으로 상세페이지 제작할 수 있을까요? 제품을 택배로 보내고 비대면으로 진행하는 방식은 일반적이에요. 구성 협의는 메신저와 통화로 가능하고, 시안과 최종 상세페이지 파일도 모두 이미지로 오가기 때문입니다. 제품 회수 방법과 파손 시 처리 기준만 미리 정해두면 진행이 매끄러워요. Q. 제품 상세페이지가 너무 평범한데 브랜드 느낌 살려서 리뉴얼해주는 곳이 있을까요? 리뉴얼은 사진부터 다시 찍을지, 구성만 바꿀지 정하는 게 먼저예요. 기존 사진의 밝기와 각도가 제각각이면 배치를 바꿔도 흐름이 정리되지 않기 때문입니다. 지금 페이지에서 내용이 겹치는 섹션을 표시해 전달하면 방향을 잡기 쉬워요. 함께 보면 좋은 글 · 뷰티제품사진, 화장품촬영으로 독특한 매력 뽐내기 · 촬영스튜디오, 제품 사진 실패 없이 찍는 법은? 이 글은 하오스튜디오에서 해당 프로젝트를 직접 진행한 10년 이상 경력의 촬영 작가·전담 PM의 실제 작업 경험을 바탕으로 작성했어요.
하오스튜디오는 지난 10년간 제품·화장품·식품·기업·공간 등 누적 1,603건 이상의 프로젝트를 진행하며 1,203곳 이상의 고객과 함께했고, 지금까지 제작한 촬영 컷수는 111,360컷을 넘습니다. 누끼·연출·모델·360도 촬영부터 스마트스토어 상세페이지 제작까지 원스톱으로 대응하며, 스튜디오는 서울 동대문구 장한로23길 11-11, 4층에 있습니다. (전화 1666-9502)
|
