> ## Documentation Index
> Fetch the complete documentation index at: https://docs.variaid.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 🧰 배너 편집 및 가이드 확인

> 생성된 배너를 편집하고, 배너 포맷별 가이드 준수 여부를 확인하기

## 🛠️ 편집기능

#### 버튼설명

* **로고**
  배너에 로고 이미지를 추가할 수 있습니다.

* **이미지**
  필요한 이미지를 업로드하여 추가할 수 있습니다.

* **배경 편집**
  모든 배너의 배경레이어를 편집하기 위해서는 `배경 편집` 버튼을 눌러야합니다.

<img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/09.jpg?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=3994253a496863a43237bcc4a8159271" alt="버튼설명1" width="1894" height="197" data-path="data/09.jpg" />

* **가이드**
  배너별 안전 영역/금지 영역과 규격 경고를 표시합니다.

* **그리드**
  정렬 보조선을 표시해 간격과 위치를 맞출 수 있습니다.

* **스냅**
  레이어 이동/리사이즈 시 가이드, 그리드, 다른 레이어 경계에 자동으로 붙습니다.

<img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/10.jpg?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=fe6d7261adf707c0288ef10a1b89c19e" alt="버튼설명2" width="1894" height="197" data-path="data/10.jpg" />

#### 편집 조작 가이드

* **레이어 크롭**
  이미지 레이어를 더블클릭하면 크롭 모드로 진입할 수 있습니다.

<img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/04.JPG?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=9655dcc180bb745818ebe5c8f1ca7d45" alt="레이어크롭" width="1276" height="669" data-path="data/04.JPG" />

* **레이어 이동/리사이즈**
  레이어를 클릭하면 보라색 선택 박스가 표시되며, 이동 및 크기 조절이 가능합니다.\
  레이어 클릭 시 우측 편집 패널에서도 위치/사이즈를 조절할 수 있습니다.

<img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/05.JPG?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=a8e94894547878b86497e06071dc26d7" alt="레이어리사이즈" width="1279" height="672" data-path="data/05.JPG" />

* **흑백 반전**
  이미지 레이어를 흑백 반전할 수 있습니다.\
  흰 배경 배너에서 흰색 원본 로고를 사용할 때 유용합니다.

* **업스케일**
  배경형 배너는 최대 4배까지 업스케일할 수 있으며, 업스케일 버튼 이용 시 Vari가 차감됩니다.

## 📏 가이드라인 및 경고

* **필수 마진 표시**
  배경형 배너의 필수 마진은 빨간색 선으로 표시됩니다. (권장 영역은 초록색 선으로 표기됩니다.)

<img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/12.JPG?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=32c6ef70633acee250a206013c5be624" alt="가이드라인" width="894" height="803" data-path="data/12.JPG" />

* **규격 경고**
  배너가 매체 규격을 충족하지 않으면 경고가 표시되며, 경고 사유를 함께 확인할 수 있습니다.

<img src="https://mintcdn.com/draph/STAFteQse8r_BRqq/data/03.JPG?fit=max&auto=format&n=STAFteQse8r_BRqq&q=85&s=542a9571cbe53a357ed8188df25551b8" alt="가이드경고" width="854" height="748" data-path="data/03.JPG" />