뷰티 브랜드 가로 배너 사진, 처음 만드는 운영자의 크롭 순서
상품 사진을 배너에 맞추기 전 사용 위치와 초점을 정하고, PC·모바일 미리보기와 문구 겹침까지 확인하는 실무 편집 가이드입니다.
뷰티 브랜드의 가로 배너는 제품의 질감과 사용 장면을 한눈에 보여주지만, 사진을 넓은 영역에 맞추는 과정에서 용기나 핵심 디테일이 잘리기 쉽습니다. 처음 편집한다면 먼저 사진부터 확대하지 말고, 배너의 역할과 크롭 기준을 정한 뒤 실제 화면에서 검수하세요.
1. 배너의 역할과 필요한 사진을 정합니다
배너가 신제품 소개인지, 시즌 캠페인인지, 특정 제품군 안내인지 한 문장으로 적습니다. 역할에 따라 사진에서 가장 먼저 보여야 할 대상이 달라집니다. 신제품 배너라면 용기와 라벨, 사용 장면을 보여주는 배너라면 피부에 바르는 동작이나 제형이 핵심일 수 있습니다.

- 게시할 위치와 사용 목적을 기록합니다. 예: 홈페이지 첫 화면에서 신제품 세럼 소개.
- 배너에 들어갈 제목과 버튼 문구를 임시로 정합니다.
- 사용할 사진에 웹 게시와 편집에 필요한 권한이 있는지 확인합니다.
**가상 예시:** 신제품 세럼을 알리는 배너라면 병의 라벨이 읽히는 사진을 우선 후보로 고르고, 손이나 꽃 장식은 보조 요소로 봅니다. 이는 편집 기준의 예일 뿐, 특정 상품의 성과를 뜻하지 않습니다.
2. 편집 전에 원본과 화면 비율을 확인합니다
원본 사진을 따로 보관하고, 작업할 배너 영역의 가로·세로 비율을 편집기에서 확인합니다. 화면마다 표시 방식이 다르면 같은 원본도 잘리는 위치가 달라질 수 있으므로, 정해진 숫자를 임의로 가정하기보다 실제 편집 화면의 배너 영역을 기준으로 삼으세요. 제품 가장자리나 라벨이 원본부터 잘려 있다면 확대·축소만으로 복구할 수 없습니다.
- 원본 파일을 복제해 작업용 사본을 만듭니다.
- 배너 영역에서 제품이 차지할 크기와 문구가 들어갈 빈 공간을 정합니다.
- 편집기에서 선택 가능한 사진 프레임과 실제 공개 화면의 표시 결과를 확인합니다.

토크톡마이사이트에서는 라이선스가 있는 스톡 이미지와 동영상을 검색할 수 있습니다. 검색 결과를 사용할 때도 이미지의 주제와 구도가 배너 목적에 맞는지 살펴보고, 구체적인 사용 조건은 해당 서비스에서 확인하세요.
3. 사진을 배치하고 초점을 먼저 맞춥니다
편집기에 사진을 넣은 뒤 제품의 중요한 부분이 배너 영역 안에 들어오도록 크기와 위치를 조절합니다. 피사체를 무조건 정중앙에 둘 필요는 없습니다. 제목과 버튼이 왼쪽에 놓일 예정이라면 제품을 오른쪽으로 옮겨 문구가 사진의 핵심을 가리지 않도록 여백을 만들 수 있습니다.
- 라벨, 뚜껑, 제형처럼 반드시 보여야 할 부분을 먼저 표시합니다.
- 가장자리에 바짝 붙이지 말고, 잘림을 고려해 안쪽에 여유를 둡니다.
- 이미지의 빈 공간에 제목과 버튼을 임시 배치해 겹치는지 확인합니다.
- 장식이나 모델의 얼굴이 제품보다 강하게 눈에 띄면 위치나 크기를 다시 조정합니다.
사진 크롭과 문구 배치는 함께 검토해야 합니다. 문구를 나중에 넣으려 하면 제품과 글자가 겹치거나, 핵심 피사체를 다시 옮겨야 할 수 있습니다.
4. PC와 모바일에서 다시 검수합니다
넓은 화면에서 괜찮아 보인다고 모바일에서도 같은 구도가 보장되는 것은 아닙니다. 미리보기에서 화면별로 배너가 어떻게 잘리는지 확인하고, 제품의 식별 요소와 문구가 모두 보이는지 점검하세요. 편집기가 모든 기기에서 동일한 크롭을 보장한다고 가정하지 말고 실제 공개 화면도 확인합니다.
- PC와 모바일 미리보기에서 제품, 라벨, 제목, 버튼의 잘림 여부를 확인합니다.
- 문구가 밝거나 복잡한 배경 위에 올라가 읽기 어려운지 살핍니다.
- 한 화면에서만 문제가 생기면 이미지 위치를 조정하고 두 화면을 다시 확인합니다.
- 게시 후에도 실제 사이트에서 배너 표시와 버튼 동작을 확인합니다.
토크톡마이사이트의 시각 편집 기능으로 배너 구성을 살피고, AI 채팅으로 문구나 배치 아이디어를 얻을 수 있습니다. 다만 AI가 제안한 편집이 브랜드 톤이나 제품 정보를 정확히 반영한다고 보장되지는 않으므로 게시 전에 직접 검토하세요.
5. 저장하고 검수 결과를 남깁니다
최종 크롭을 저장하기 전에 사용 목적, 원본 파일, 문구 위치, 화면별 확인 여부를 짧게 기록해 두면 다음 캠페인에서 수정 기준을 빠르게 찾을 수 있습니다. 배너 슬라이더를 쓴다면 토크톡마이사이트에서는 최대 5개의 이미지를 사용할 수 있습니다. 여러 장을 넣을 때는 각 장의 초점과 문구가 서로 충돌하지 않는지 확인하세요.
- 최종본과 원본을 구분해 보관합니다.
- PC·모바일에서 확인한 날짜와 수정한 크롭 기준을 기록합니다.
- 배너가 여러 장이면 각 이미지의 순서와 문구를 함께 검수합니다.
가로 배너의 크롭은 한 번 맞추고 끝나는 작업이 아닙니다. 사진의 초점, 문구, 기기별 표시를 함께 확인해야 합니다. 다음 행동으로 현재 쓰려는 사진 한 장을 복제하고, 배너 목적과 반드시 보여야 할 부분을 적은 뒤 PC와 모바일 미리보기를 각각 점검해 보세요.