> For the complete documentation index, see [llms.txt](https://toss-ads.gitbook.io/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://toss-ads.gitbook.io/guide/a-d/display-ads/creative-guidelines/image.md).

# 이미지

## 1. 이미지 유형이란?

<figure><img src="/files/lgIwuRkbNPp46BBXVL7x" alt=""><figcaption></figcaption></figure>

광고 이미지가 크게 보이는 배너를 뜻해요. 다양한 비율의 이미지와 문구로 이루어져 있어요.

## 2. 브랜드명・브랜드 로고

#### 2-1) 브랜드명

<table><thead><tr><th width="199.60064697265625">규칙</th><th>내용</th></tr></thead><tbody><tr><td><strong>일반</strong></td><td><ul><li>브랜드명 또는 서비스 ・ 제품명</li><li>최대 20자</li><li>랜딩 페이지에서 확인할 수 있는 실제 명칭만 가능</li><li>혜택 ・ 정보가 포함된 문구는 사용 불가</li></ul></td></tr></tbody></table>

#### 2-2) 브랜드 로고

![브랜드 로고](/files/gHEMBaecvAVv85GKk91h)

<table><thead><tr><th width="219.830322265625">규격</th><th>내용</th></tr></thead><tbody><tr><td><strong>로고 이미지</strong></td><td><ul><li>jpg, jpeg, png</li><li>1:1 비율</li><li><code>800*800px</code> 이상</li><li><strong>배경 없는 이미지 (누끼 딴 이미지) 사용 불가</strong></li><li><strong>안전 노출 영역</strong> 여백 가이드는 하단 파일 참조</li></ul></td></tr><tr><td><strong>기타</strong></td><td><ul><li>로고 형태가 가로로 긴 경우, 실제 지면에서 가독성이 떨어질 수 있어 권장하지 않음</li><li>심볼, 짧은 텍스트 위주 형태 권장</li></ul></td></tr></tbody></table>

{% hint style="info" %}
아래 파일을 이용하면 쉽고 빠르게 소재를 만들 수 있어요.
{% endhint %}

{% file src="/files/wpfBBI9W5GG4u5w8KwCn" %}

{% file src="/files/yc1o4O2o32jbqtnRK0D3" %}

{% file src="/files/PAnOnZHURuv6hcV6Ko5r" %}

#### 2-3) 브랜드 로고 예시

**잘림 ・ 왜곡이 없도록 여백을 맞춰주세요.**

| <mark style="color:$primary;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| --------------------------------------------- | ----------------------------------------------- |
| 적절한 여백으로 알맞게 들어간 경우                           | 과하게 커서 잘려 보이는 경우                                |

**가로 로고보다 심볼을 사용해주세요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| 중앙에 적절한 크기로 들어간 로고                        | 가로로 길어 식별할 수 없는 로고                              |

## 3. 광고 이미지

#### 3-1) 공통

<table><thead><tr><th width="220.142822265625">규칙</th><th>내용</th></tr></thead><tbody><tr><td><strong>일반</strong></td><td><ul><li>혜택・정보가 드러나는 이미지</li><li>적절한 크기와 밀도 권장</li></ul></td></tr><tr><td><strong>불쾌감 ・ 시각적 피로함</strong></td><td><ul><li><p>아래 이미지는 사용 불가</p><ul><li>불쾌감 ・ 혐오감을 유발하는 경우</li><li>브랜드와 상관없는 붉은 톤 ・ 형광빛 고채도 색상을 사용한 경우</li></ul></li></ul></td></tr><tr><td><strong>가독성</strong></td><td><ul><li><p>아래 이미지는 사용 불가</p><ul><li>이미지 속 문구가 이미지 내 특정 오브젝트・배경과 겹쳐 식별이 어려운 경우</li><li>이미지 속 문구가 한 곳에 정돈되지 않아 한눈에 들어오지 않는 경우</li><li>이미지 속 문구끼리 위치가 겹쳐 내용을 파악하기 어려운 경우</li></ul></li></ul></td></tr><tr><td><strong>과한 크롭 ・ 클로즈업</strong></td><td><ul><li><p>아래 이미지는 사용 불가</p><ul><li>크롭 ・ 클로즈업 이미지, 분할 이미지를 쓴 경우</li></ul></li></ul></td></tr><tr><td><strong>내부 서비스로 오인</strong></td><td><ul><li><p>아래 이미지는 사용 불가</p><ul><li><p>토스의 서비스나 알림, 프로모션으로 오인할 수 있는 이미지를 쓴 경우</p><ul><li>서비스 ・ 알림 아이콘과 유사한 경우</li><li>UI 구성을 캡처하거나 그대로 재현한 경우</li><li>토스의 브랜드명 ・ 로고를 사전 협의 없이 쓴 경우</li></ul></li></ul></li></ul></td></tr><tr><td><strong>광고 고지 문구(심의필)</strong></td><td><ul><li>업종에 따라 심의필 문구 고지가 필요한 경우, 이미지 내에 직접 삽입하여 제출</li></ul></td></tr></tbody></table>

#### 3-2) 이미지 규격

<figure><img src="/files/D4IHaTEdGJxABYydYlOQ" alt=""><figcaption><p>이미지 배너 - 가로형</p></figcaption></figure>

![이미지 배너 - 정사각형](/files/7bKsNavSNnTmZXSrwRkv)

![이미지 배너 - 세로형](/files/WdaPE3jzYiKoAJwv0PE5)

<table><thead><tr><th width="200.4375">규격</th><th>내용</th></tr></thead><tbody><tr><td><strong>공통 양식</strong></td><td><ul><li>jpg, jpeg, png</li><li>10mb 이하</li><li><strong>이미지 내 로고 또는 브랜드명 포함</strong></li><li><strong>배경 없는 이미지 (누끼 딴 이미지) 사용 불가</strong></li><li><strong>이미지 속 문구는 문구 심사 가이드와 동일한 기준 적용</strong><br>문구, 버튼 등 광고 요소와 겹치거나 가리는 경우 심사 반려</li><li>세이프 영역 등 여백 가이드는 하단 파일 참조</li></ul></td></tr><tr><td><strong>가로형 이미지</strong></td><td><ul><li>1.91:1 혹은 16:9 비율</li><li><code>1200*628px</code> 이상</li><li><p><strong>⚠️ 가로형 이미지는 시스템에 입력한 주요・보조 문구가 따로 노출되지 않음</strong></p><ul><li>넣고 싶은 메세지는 이미지 안에 직접 담아 등록</li></ul></li></ul></td></tr><tr><td><strong>정사각형 이미지</strong></td><td><ul><li>1:1 비율</li><li><code>1080*1080px</code> 이상</li></ul></td></tr><tr><td><strong>세로형 이미지</strong></td><td><ul><li>9:16 비율</li><li><code>1080*1920px</code> 이상</li></ul></td></tr></tbody></table>

{% hint style="info" %}
아래 파일을 이용하면 쉽고 빠르게 소재를 만들 수 있어요.
{% endhint %}

{% file src="/files/MxKPCHJNYqYFLxtCV7Ql" %}

{% file src="/files/Sj0JClrnc0zm0TSen9ug" %}

{% file src="/files/dK2gU747l1gUMdpI7LGQ" %}

#### 3-3) 예시

**안전 노출 영역을 지켜주세요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| 안전 노출 영역을 지킨 이미지                          | 안전 노출 영역을 지키지 않은 이미지                            |

**카피와 연관된 이미지를 써주세요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| 카피와 어울리는 이미지                              | 카피와 상관없는 이미지                                    |

**적절한 크기와 밀도를 지켜주세요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| 어떤 요소인지 알 수 있는 이미지                        | 인식하기 힘든 작고 복잡한 이미지 or 큰 영역에 비어 보이게 들어간 이미지      |

**붉은 톤, 고채도 색상은 쓸 수 없어요.**

| <mark style="color:blue;">**`DO`**</mark>                     | <mark style="color:$danger;">**`Don't`**</mark> |
| ------------------------------------------------------------- | ----------------------------------------------- |
| <p>브랜드 ・ 제품과 어울리는 색상을 쓴 이미지<br>\* 브랜드 컬러가 붉은 톤인 경우는 사용 가능</p> | 강한 형광색 이미지                                      |

**기능으로 보이는 이미지는 쓸 수 없어요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| 광고임을 알 수 있는 이미지와 문구                       | 기능으로 보이는 이미지와 문구                                |

**분할, 잘린 이미지는 쓸 수 없어요.**

| <mark style="color:$danger;">**`Don't`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------------- | ----------------------------------------------- |
| 분할되어 시인성이 떨어지는 이미지                              | 잘려보이는 이미지                                       |

## 4. 문구

#### 4-1) 공통

<table><thead><tr><th width="219.88720703125">규칙</th><th>내용</th></tr></thead><tbody><tr><td><strong>일반</strong></td><td><ul><li>혜택・정보가 드러나는 문구</li><li>명사형 또는 ~해요체로 기재</li></ul></td></tr><tr><td><strong>평어체 (반말) ・ 맞춤법</strong></td><td><ul><li>평어체(반말), 맞춤법에 어긋나는 표현 사용 불가</li></ul></td></tr><tr><td><strong>신조어 ・ 밈</strong></td><td><ul><li>신조어, 밈, 초성 사용 불가</li></ul></td></tr><tr><td><strong>특수문자</strong></td><td><ul><li>과도한 강조 ・ 과장 표현의 불필요한 특수 문자는 사용 제한</li><li><p>사용할 수 있는 특수문자</p><ul><li><strong><code>% &#x26; - + = · ? / → ‘ ’ " " ~ ! ( ) , . []</code></strong></li></ul></li><li><p>허용된 특수 문자라 하더라도 반복 사용 불가</p><ul><li>예: !!!, ~~, ??, %%</li></ul></li><li>온점(.)은 문장의 끝에 사용 불가</li><li>특수 문자를 사용해 공지,알림성 정보로 보이는 경우, 심사가 반려될 수 있음</li></ul></td></tr><tr><td><strong>조건부 혜택</strong></td><td><ul><li>가입 ・ 응모와 같이 조건이 있는 혜택은 광고 문구 내에 반드시 기재</li><li>랜딩 페이지에서 확인할 수 없는 혜택 ・ 정보는 사용 불가</li></ul></td></tr></tbody></table>

#### 4-2. 문구 규격

<table><thead><tr><th width="219.6939697265625">규칙</th><th>내용</th></tr></thead><tbody><tr><td><strong>주요 문구 (28자)</strong></td><td><ul><li>최소 5자 ~ 최대 28자</li><li>한 행에 최대 14자 입력 가능</li><li>이미지에 로고 또는 브랜드명이 없는 경우, 브랜드명 표기 필수</li></ul></td></tr><tr><td><strong>보조 문구 (18)</strong></td><td><ul><li>최소 5자 ~ 최대 18자</li><li>이미지에 로고 또는 브랜드명이 없는 경우, 브랜드명 표기 필수</li><li>주요 문구와 동일한 문구 사용 불가</li></ul></td></tr><tr><td><strong>cta 버튼 문구</strong></td><td><ul><li><p>다음 문구 중 선택</p><ul><li>알아보기</li><li>확인하기</li><li>보러가기</li><li>구경하기</li><li>자세히 보기</li><li>더 보기</li><li>구매하기</li><li>사러가기</li><li>설치하기</li><li>다운로드</li><li>받기</li><li>앱 열기</li><li>시작하기</li></ul></li><li>CTA 버튼 문구는 고정으로, 직접 작성할 수 없음</li></ul></td></tr></tbody></table>

#### 4-3. 예시

**짧고 쉽게, 누구나 이해할 수 있게 써주세요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| <p>최대 2% 할인, Wide 카드<br>토스뱅크에서 만나기</p>    | <p>”\~2%할인” 완전 new 카드<br>토스뱅크에서 바로 만날 수 있어요</p> |

**오탈자 ・ 띄어쓰기를 확인해주세요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark>                          |
| ----------------------------------------- | ------------------------------------------------------------------------ |
| <p>여름 맞이 이벤트가 열렸어요<br>토스에서 해보기</p>        | <p>여름 <code>맏이</code> 이벤트<code>가열렸어요</code><br>토스에서 <code>헤보기</code></p> |

**문장 끝 마침표(.)는 쓸 수 없어요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark>    |
| ----------------------------------------- | -------------------------------------------------- |
| <p>나만의 카드 디자인 확인해요<br>토스 Wide 카드</p>      | <p>나만의 카드 디자인 확인해요<code>.</code><br>토스 Wide 카드</p> |

**주요 문구와 보조 문구는 동일하게 쓸 수 없어요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| <p>나의 요금제 테스트<br>5개 문제에 답하기</p>           | <p>나의 요금제 테스트<br><code>나의 요금제 테스트</code></p>    |

**랜딩 페이지와 다른 혜택은 쓸 수 없어요.**

| <mark style="color:blue;">**`DO`**</mark>                              | <mark style="color:$danger;">**`Don't`**</mark>                                  |
| ---------------------------------------------------------------------- | -------------------------------------------------------------------------------- |
| <p>7개월 동안 월 14,000원<br>토스모바일 요금제 보기<br><br>\* 7개월 이후 금액 상승 조건 있을 시</p> | <p><code>무조건</code> 월 14,000원<br>토스모바일 요금제 보기<br><br>\* 7개월 이후 금액 상승 조건 있을 시</p> |

**기능으로 보이는 문구는 쓸 수 없어요.**

<table data-header-hidden><thead><tr><th width="370.28125"></th><th></th></tr></thead><tbody><tr><td><mark style="color:blue;"><strong><code>DO</code></strong></mark></td><td><mark style="color:$danger;"><strong><code>Don't</code></strong></mark></td></tr><tr><td>나만의 맞춤 알바 확인하기<br>토스알바에서 보기</td><td><p><code>[알림]</code> 새로운 알바 메세지 <code>(1)</code><br>토스 알바에서 보기<br><br>다른 예시)</p><ul><li>바로 10만원 받기 (X)</li><li>미확인 내역이 있어요 (X)</li><li>80,000원 입금 완료 (X)</li></ul></td></tr></tbody></table>

**불안 ・ 조급함을 자극하는 문구는 쓸 수 없어요.**

<table data-header-hidden><thead><tr><th width="373.3780517578125"></th><th></th></tr></thead><tbody><tr><td><mark style="color:blue;"><strong><code>DO</code></strong></mark></td><td><mark style="color:$danger;"><strong><code>Don't</code></strong></mark></td></tr><tr><td>토스에서 환급금 확인해요<br>버튼 눌러서 보기</td><td><p>정말 환급금 놓치시겠습니까?<br>사라지는 내 환급금 토스에서 조회<br><br>다른 예시)</p><ul><li>당장~하지 않으면 안된다 (X)</li><li>~안하면 손해 (X)</li><li>~놓치는 혜택 (X)</li></ul></td></tr></tbody></table>

**반복 ・ 의미없는 특수문자는 쓸 수 없어요.**

| <mark style="color:blue;">**`DO`**</mark>                                   | <mark style="color:$danger;">**`Don't`**</mark>                                 |
| --------------------------------------------------------------------------- | ------------------------------------------------------------------------------- |
| <ul><li>최대 10% 할인</li><li>지금 가입하면 혜택까지!</li><li>스킨 케어 BEST 1+1 혜택</li></ul> | <ul><li>지금이!! 기회입니다! →</li><li>가입하면 · 혜택이? !</li><li>(알림)즉시 수령 가능 현금+</li></ul> |

## 5. 광고 고지 문구(심의필)

#### 5-1) 공통

| 규칙         | 내용                                                                                                                                                              |
| ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **이미지 배너** | <ul><li><a href="https://toss-ads.gitbook.io/guide/policy/industryguide">업종별 심사 가이드</a>에 따라 심의필 제출이 필요한 경우, <code>이미지</code>안에 <strong>직접 기재</strong></li></ul> |

#### 5-2) 예시

**이미지・영상 안의 심의필이 잘리지 않도록 안전 노출 영역을 지켜주세요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| 안전 노출 영역에 들어가 심의필이 잘 보이는 경우               | 안전 노출 영역을 지키지 않아 심의필이 잘려보이는 경우                  |

**버튼・텍스트와 겹치지 않도록 안전 노출 영역을 지켜주세요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| 안전 노출 영역에 들어가 심의필이 잘 보이는 경우               | 안전 노출 영역을 지키지 않아 심의필이 다른 요소와 겹쳐 보이는 경우          |

## 6. 연결 URL

#### 6-1) 공통

<table><thead><tr><th width="280.34716796875">규칙</th><th>내용</th></tr></thead><tbody><tr><td><strong>일반</strong></td><td><ul><li>광고의 내용과 연결되는 랜딩 페이지</li></ul></td></tr><tr><td><strong>유저가 접속할 때 이상이 없어야함</strong></td><td><ul><li><p>웹으로 랜딩</p><ul><li><p> 오류 ・ 접근 불가 페이지, 이벤트 오픈 전 페이지는 사용 불가</p><ul><li>랜딩 페이지를 만들기 전 심사를 받는 경우, 증빙 자료를 함께 제출하면 가능</li></ul></li><li>접속하는데 5초 이상 걸리는 경우, 브릿지 페이지 제작</li></ul></li><li><p>앱으로 랜딩</p><ul><li>앱 미설치 유저는 앱 스토어・플레이스토어로 랜딩</li></ul></li></ul></td></tr><tr><td><strong>랜딩 페이지의 내용과 소재 내용이 일치해야 함</strong></td><td><ul><li>랜딩 페이지에서 확인할 수 없는 혜택 ・ 정보는 사용 불가</li><li>가입 ・ 응모와 같이 조건부 혜택은 광고 문구에 기재</li></ul></td></tr><tr><td><strong>URL 주소는 영문으로 제출</strong></td><td><ul><li> 주소에 한글이 있는 경우에는 사용 불가</li><li>링크 내에 <code>{ } ^ #</code> 문구가 있으면 반려될 수 있음</li><li>^ 대신 _(언더바) 사용 권장</li><li><code>http://</code>는 사용 불가 → <code>https://</code> 사용 권장</li></ul></td></tr><tr><td><strong>URL 축약 불가</strong></td><td><ul><li>앱플라이어로 만든 윈링크의 경우, 피라미터가 단축되지 않은 원본 제출</li><li>숏 링크 / 단축 URL 사용 불가(비틀리 포함)</li></ul></td></tr><tr><td><strong>기타</strong></td><td><ul><li>이 외의 이유로 문제가 있는 경우, URL 수정을 요청할 수 있음</li><li>그 외 공통으로 적용되는 규정은 <a href="https://toss-ads.gitbook.io/guide/policy/creativeguide">소재 심사 규정</a> 참고</li></ul></td></tr></tbody></table>

#### 6-2) 예시

**연결할 페이지에 오류가 없는지 확인해주세요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| 잘 열리고, 문제없이 동작하는 페이지 URL                  | 링크 주소에 오류가 있거나, 빈 페이지 URL                       |

**연결할 페이지를 만들기 전이라면, 꼭 증빙 자료를 첨부해주세요.**

| <mark style="color:blue;">**`DO`**</mark> | <mark style="color:$danger;">**`Don't`**</mark> |
| ----------------------------------------- | ----------------------------------------------- |
| 어떤 페이지를 사용할 것인지 증빙자료 제출                   | 빈 페이지 제출 또는 증빙 자료 누락                            |

{% hint style="danger" %}
**유의사항**

* 브랜드와 관련된 정보가 허위 사실로 밝혀질 경우, 집행이 제한될 수 있어요.
  * 이미 승인된 소재라도 집행 제한 또는 중단될 수 있어요.
* 문구에 기재된 정보가 허위 사실로 밝혀질 경우, 집행이 제한될 수 있어요.
  * 이미 승인된 소재라도 집행 제한 또는 중단될 수 있어요.
* 중복 ・ 유사한 내용의 소재를 반복적으로 등록하는 경우, 집행이 제한될 수 있어요
* 사용자 디바이스 설정이나 기종에 따라 이미지가 상하 ・ 좌우로 조금 잘려 보이거나, 소재 미리보기 화면과 다르게 보일 수 있어요.
  {% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://toss-ads.gitbook.io/guide/a-d/display-ads/creative-guidelines/image.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.