> For the complete documentation index, see [llms.txt](https://guides.advertising.webtoon.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.advertising.webtoon.com/naverwebtoon/creative-guidelines/display-video-ads/nw-series-mw/webtoon-branding-da/image.md).

# 이미지형

## **노출 위치 및 특징**

* 웹툰판 메인 진입 시 노출되는 배너입니다.
* 다수의 광고주 소재 테스트 결과를 바탕으로 제작된 가이드를 참고하여 제작합니다.

<img src="/files/Tpf7d3Hxz5B5ctADruu9" alt="웹툰판 메인" width="250">

## **필요 에셋**

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

<table data-header-hidden><thead><tr><th width="168.25775146484375"></th><th></th></tr></thead><tbody><tr><td><strong>이미지 사이즈</strong></td><td>1250x560px</td></tr><tr><td><strong>파일 용량</strong></td><td>최소 50KB 이상 최대 250KB 이하</td></tr><tr><td><strong>파일 형식</strong></td><td>PNG, JPG, JPEG</td></tr><tr><td><strong>필수 소재</strong></td><td>광고 배너 이미지 1장</td></tr></tbody></table>

## **오브젝트 제작 가이드**

{% tabs %}
{% tab title="기본 가이드" %}

* 광고 소재와 관련 있는 오브젝트를 삽입할 수 있습니다.
* 메인 오브젝트는 누끼형 이미지 사용을 권장하고, 로고를 오브젝트화하여 사용할 수 있습니다.
* 메인 오브젝트는 **좌우 225px 여백을 준수**하여 구성합니다.
* 광고 배너에서 많은 오브젝트들이 노출되면, 복잡도가 높아져 내용 전달이 효과적이지 않을 수 있으니 이를 고려하여 구성합니다.
* 좌우 225px 여백에 의도적으로 빈 여백 혹은 화이트 컬러 등을 채워 노출하는 경우 광고 집행이 불가합니다.
* 좌우 225px 여백에 오브젝트 소재가 배치되지 않도록 주의합니다.

<figure><img src="/files/6F8uRYbHUTcKTqF7GMoe" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## **텍스트 제작 가이드**

{% tabs %}
{% tab title="기본 가이드" %}

* 나눔고딕 혹은 고딕계열 폰트 사용을 권장합니다.
* 가독성이 떨어지는 손글씨체, 이텔릭 폰트 사용은 지양합니다.
* 글자의 장평은 조절이 불가하며 100퍼센트 비율로 사용해야 합니다.
* 텍스트 + 로고 + 버튼의 위치는 **상단 50px, 하단 35px, 좌우 240px 여백을 준수**하여 구성합니다.
* 좌우 240px 여백에 텍스트 + 로고 + 버튼이 배치되지 않도록 주의합니다.
* 텍스트 컬러는 기본 컬러 포함 최대 3가지 까지 사용 가능합니다. (단, 광고주 로고는 제외)
* 텍스트는 **최대 높이 52px, 최소 높이 22px 내에서 구성**하며 문구는 광고주 로고를 제외하고 **최대 4줄**까지 넣을 수 있습니다.
* 경쟁사, 경쟁 제품을 표현하는 광고는 신뢰할 수 있는 신문기사 등 공신력 있는 서류 없이 최상급의 표현을 사용할 수 없습니다.

<div><figure><img src="/files/2U9MkGMJ4q7JqVmJQHsE" alt=""><figcaption></figcaption></figure> <figure><img src="/files/C1tMijhEOHnGVk7IvMqD" alt=""><figcaption></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## **배경 제작 가이드**

{% tabs %}
{% tab title="기본 가이드" %}

* 배경 이미지는 단색, 패턴, 그라데이션, 이미지 등 모두 사용 가능합니다.
* 배경 이미지가 텍스트의 가독성을 해치지 않도록 유의합니다.
* 투명 배경은 사용 불가능하며 #ffffff 컬러의 경우 전체 면적의 50퍼센트 이하만 사용 가능합니다.
* 광고 영역이 구분되지 않는 배경 색상은 사용 불가합니다. (#f2f2f2와 구분 가능한 색상만 허용, #f3f3f3, #f4f4f4는 불가)
* 배경 영역의 처리는 중요한 광고 컨셉 등의 불가피한 이유를 제외하고, 각 지면별 소재 노출 품질을 위해 제작 사이즈 영역을 가득 채워 표현합니다.
* 자연스러운 배경 이미지나 컬러로 채우지 않고 의도적으로 빈 여백을 화이트 또는 블랙, 배경과 일체감이 느껴지지 않는 컬러로 표현하는 경우 광고 집행이 불가합니다.

<div><figure><img src="/files/92rTldP2tRLc74kGCFUK" alt=""><figcaption><p>단색 배경</p></figcaption></figure> <figure><img src="/files/L4hLbsrUlNh3TOktsqTy" alt=""><figcaption><p>패턴 배경</p></figcaption></figure></div>

<div><figure><img src="/files/XwbqGYkYJvdFndptaVWo" alt=""><figcaption><p>그라데이션 배경</p></figcaption></figure> <figure><img src="/files/fyvtCEC1DihO8DdrDGeS" alt=""><figcaption><p>이미지 배경</p></figcaption></figure></div>
{% endtab %}

{% tab title="Bad 케이스" %}

<div><figure><img src="/files/2ry7lYmMQALonlekYQHo" alt=""><figcaption><p>좌우 영역을 배경 컬러로 채우지 않은 경우</p></figcaption></figure> <figure><img src="/files/o3ugBogHNpGgNFsPQlSW" alt=""><figcaption><p>좌우 영역을 일체감이 느껴지지 않는 컬러로 표현한 경우</p></figcaption></figure></div>

<div><figure><img src="/files/hksxCvIiH3WDgdkDlSZZ" alt=""><figcaption><p>상하좌우 영역을 잘려보이도록 표현한 경우</p></figcaption></figure> <figure><img src="/files/NeS71wFtyxP0FOgZHoc3" alt=""><figcaption><p>상하좌우 영역을 이질적인 컬러를 채워 사용한 경우</p></figcaption></figure></div>

{% endtab %}
{% endtabs %}

## AD Mark **영역 노출 안내** <a href="#id-41.-admute" id="id-41.-admute"></a>

{% tabs %}
{% tab title="기본 가이드" %}

* AD Mark 영역은 모든 브랜딩 DA 광고 상품 우측 상단에 위치하며, **시스템으로 자동 노출**됩니다.
* AD Mark 아이콘 사이즈와 우측(고정) 여백은 해상도 별로 변하지 않지만, 위치는 디바이스 가로폭 해상도값에 따라 다르게 보여질 수 있습니다.
* 브랜딩 DA 소재 내 주요 광고 상품 이미지 및 브랜드 로고 심볼 등이 AD Mark 아이콘에 가려지지 않도록 제작합니다.

<figure><img src="/files/bIsngiY0eqPr4DWi00H4" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## **의료광고 심의필 번호 노출** <a href="#id-41" id="id-41"></a>

{% tabs %}
{% tab title="기본 가이드" %}

* 이미지형 광고의 심의필 번호는 우측 하단 고정영역에 노출합니다.
* 노출 위치는 **하단 35px, 우측 240px 여백을 준수**하여 구성합니다.
* 나눔, 산돌, RIX, 윤고딕 등 고딕 계열 폰트 사용을 권장하며 브러쉬체나 손글씨체 등 가독성이 떨어지는 폰트의 사용은 지양합니다.
* 심의필 번호 텍스트는 **높이 14px**에 맞게 구성하며, 광고 문구는 심의필 번호와 겹치지 않도록 합니다.

<div><figure><img src="/files/8u203CS71Fa0bNx0iOWO" alt=""><figcaption></figcaption></figure> <figure><img src="/files/2wPvOM6EBxPv8KWNHV90" alt=""><figcaption></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## **디바이스 별 배너 최소/최대 사이즈 노출 범위 안내** <a href="#id-41" id="id-41"></a>

{% tabs %}
{% tab title="기본 가이드" %}

* 디바이스 별 높이값에 따라 **배너 사이즈는 최소/최대 사이즈로 가변**됩니다.
* 디바이스 h640(dp) 이하 해상도부터 배너 h195(dp) 사이즈로 노출
* 디바이스 h846(dp) 이상 해상도부터 배너 h230(dp) 사이즈로 노출
* 디바이스에서 표현되는 디스플레이 높이값이 작을 경우 배너도 작게, 디스플레이 높이값이 클 경우 배너도 크게 노출됩니다.

<div><figure><img src="/files/TzbGBv71sLEHpoVbVWax" alt="" width="188"><figcaption><p>360x640dp</p></figcaption></figure> <figure><img src="/files/QmXdyLZnMghTJAAN5zNj" alt="" width="188"><figcaption><p>412x846dp</p></figcaption></figure></div>
{% endtab %}

{% tab title="Android" %}

<div><figure><img src="/files/Vln06T2Hi5jCvAQm22pP" alt=""><figcaption><p>Android S7 이하 (360x640dp)</p></figcaption></figure> <figure><img src="/files/1E41uzA7Zwla7t5p8jtW" alt=""><figcaption><p>Android Note5 (412x732dp)</p></figcaption></figure> <figure><img src="/files/FHI1nd2UItt2qEuTXRbS" alt=""><figcaption><p>Android S8, S9 (360x740dp)</p></figcaption></figure></div>

<div><figure><img src="/files/pvaJjD2INQTuA2v51BUa" alt=""><figcaption><p>Android LG-V30 (412x823dp)</p></figcaption></figure> <figure><img src="/files/ZygTGDVNtkQlR7tlJmI5" alt=""><figcaption><p>Android Note9 (412x846dp)</p></figcaption></figure> <figure><img src="/files/MYfsqSbXwPkd1XJoAALd" alt=""><figcaption><p>Android S10 (412x869dp)</p></figcaption></figure></div>
{% endtab %}

{% tab title="iOS" %}

<div><figure><img src="/files/tSgNeK1LcCDtQstvNcSV" alt=""><figcaption><p>iPhone 6, 7, 8 (375x667pt)</p></figcaption></figure> <figure><img src="/files/Whb4BI5X283wsoBkthl6" alt=""><figcaption><p>iPhone 6, 7, 8 Plus (414x736pt)</p></figcaption></figure> <figure><img src="/files/wdqrGDwq4aVQIwO36qp5" alt=""><figcaption><p>iPhone X, XS (375x812pt)</p></figcaption></figure> <figure><img src="/files/hfRHACP1yUgZRDUuGaJt" alt=""><figcaption><p>iPhone MAX, XR (414x896pt)</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

{% hint style="success" %}
궁금한 점이나 광고 제휴 문의는 [문의하기](https://advertising.webtoon.com/kr/contact-us)를 이용해주세요
{% 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://guides.advertising.webtoon.com/naverwebtoon/creative-guidelines/display-video-ads/nw-series-mw/webtoon-branding-da/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.