레스토랑 가로 배너 사진, 처음 만드는 운영자의 크롭 편집 순서
메뉴 사진을 가로 배너로 쓸 때 화면 비율과 문구 자리를 먼저 정하고, 크롭·모바일 확인·게시 전 점검까지 진행하는 실무 순서입니다.
레스토랑 가로 배너는 음식이 잘 보이는 사진을 고르는 것만으로 완성되지 않습니다. 넓은 화면과 모바일 화면에서 사진이 서로 다르게 잘리고, 제목이나 예약 버튼이 음식 위에 겹칠 수 있습니다. 아래 순서대로 편집하면 중요한 음식과 문구가 함께 읽히는지 확인하기 쉽습니다.
1. 배너의 역할과 필요한 문구를 정합니다
먼저 배너가 전달할 내용을 하나로 좁힙니다. 대표 메뉴 소개인지, 점심 영업 안내인지, 예약 유도인지 정한 다음 제목과 버튼 문구를 적습니다. 사진을 고르기 전에 문구가 놓일 영역도 정해 두세요.

- 제목은 한 가지 핵심 메시지로 씁니다. 예: “숯불에 구운 제철 생선”
- 버튼은 실제로 이어지는 행동에 맞춥니다. 예: 예약 페이지로 연결된다면 “좌석 예약하기”
- 로고, 제목, 버튼이 놓일 위치를 왼쪽이나 오른쪽 중 하나로 정합니다.
**가상 예시:** 저녁 예약을 안내하는 배너라면 접시가 오른쪽에 있고 문구는 왼쪽에 놓이도록 사진 구도를 찾습니다. 이 예시는 편집 방법을 설명하기 위한 가상 사례입니다.
2. 사용할 원본 사진을 고릅니다
배너로 쓸 사진은 가로로 넓게 잘라도 주제가 남는지 살핍니다. 접시 가장자리, 음식의 핵심 재료, 손님 얼굴처럼 잘리면 곤란한 요소를 확인하고, 사진의 여백이 문구 자리로 쓸 수 있는지도 봅니다. 원본이 세로 사진이라면 가로 배너에서 주요 피사체가 지나치게 작아질 수 있습니다.
TalkTalkMySite에서는 라이선스가 있는 스톡 이미지·동영상을 검색할 수 있습니다. 직접 촬영한 사진과 스톡 이미지를 비교하되, 실제 메뉴의 모양이나 양을 보여야 하는 안내라면 손님이 기대할 장면과 다른 이미지를 대표 사진처럼 쓰지 않는 편이 좋습니다.

- 음식의 초점이 선명하고 조명이 자연스러운지 확인합니다.
- 문구가 올라갈 쪽에 비교적 단순한 여백이 있는지 확인합니다.
- 원본을 보관해 두고 편집본을 덮어쓰지 않습니다.
3. 넓은 화면에서 크롭을 맞춥니다
이미지를 배너에 넣은 뒤 편집 화면의 미리보기를 보며 크롭 위치를 조정합니다. 먼저 접시나 대표 식재료가 배너 안에 온전히 남게 하고, 그다음 문구 영역을 확보합니다. 가장자리의 장식보다 메뉴의 핵심이 우선입니다.
- 접시 테두리나 음식의 핵심 부분이 배너 경계에서 잘리지 않는지 봅니다.
- 제목과 버튼이 음식의 중심을 가리지 않는지 확인합니다.
- 사진이 확대되어 화질이 지나치게 흐려지지 않는지 확인합니다.
- 한 번에 여러 부분을 바꾸기보다 위치를 조정하고 미리보기를 반복합니다.
크롭은 원본 사진의 비율과 화면 크기에 따라 달라 보일 수 있습니다. 한 화면에서 맞았다고 끝내지 말고 다음 단계에서 작은 화면도 확인합니다.
4. 모바일에서 다시 확인하고 문구를 다듬습니다
모바일에서는 배너가 좁아지면서 좌우가 더 많이 잘리거나, 문구가 사진의 중요한 부분을 덮을 수 있습니다. 미리보기에서 접시가 여전히 알아볼 수 있는지, 제목과 버튼이 읽히는지 확인하세요. 모바일에서 주제가 사라지면 문구 길이를 줄이거나 피사체 위치가 다른 사진을 선택하는 것이 좋습니다.
TalkTalkMySite의 시각 편집으로 배치와 표시를 확인할 수 있습니다. 한국어 글꼴은 OFL 라이선스의 여섯 가지를 제공하며 실시간 미리보기를 지원하므로, 사진 위에서 읽기 쉬운 글꼴을 직접 비교할 수 있습니다. 글꼴을 고를 때는 장식성보다 작은 화면에서의 판독성을 우선합니다.
- 모바일에서 제목이 두 줄 이상으로 지나치게 길어지지 않는지 확인합니다.
- 버튼 글자가 배경과 구분되고 누를 수 있는 크기로 보이는지 확인합니다.
- 사진 위 글자가 묻히면 문구 위치나 사진을 조정합니다.
5. 슬라이더와 게시 전 상태를 점검합니다
여러 장면이 필요하면 히어로 슬라이더에 최대 다섯 장의 이미지를 사용할 수 있습니다. 모든 장을 서로 다른 홍보물처럼 만들기보다, 사진의 톤과 문구 위치를 맞추고 각 장의 핵심 메시지를 구분합니다. 한 장만으로 충분하다면 불필요하게 슬라이드를 늘릴 필요는 없습니다.
- 첫 장에서 레스토랑과 대표 메뉴 또는 방문 이유가 바로 이해되는지 확인합니다.
- 각 슬라이드의 제목과 버튼이 해당 이미지와 실제 이동 목적에 맞는지 확인합니다.
- 저장한 뒤 게시 화면에서 데스크톱과 모바일을 다시 살펴봅니다.
- 예약 버튼을 눌러 의도한 페이지로 이동하는지 직접 확인합니다.
사진 크롭을 잘해도 검색 노출, 방문자 수, 매출이 보장되는 것은 아닙니다. 이미지를 만들거나 편집하는 AI 기능도 결과가 항상 정확하거나 오류가 없다고 볼 수 없으므로, 메뉴명과 화면 배치를 직접 검토하세요. 다음 작업으로는 실제 배너에 쓸 사진 한 장을 골라 문구 자리를 정하고, 데스크톱과 모바일 미리보기를 각각 확인해 보세요.