> 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/creative-guidelines/display-ads/premium-home-ad/image-banner.md).

# Image Banner

### Placement and Features

* This is an **image banner ad**, which appears in the first view of the app’s main home.
* The ad appears in a highly visible area where users’ attention lingers, allowing it to be consumed naturally with the service content.
* Using key visuals and an ad copy is recommended so that the main message can be easily understood at a glance.
* Ad placement may vary between users.

<figure><img src="/files/cW35mvFuwJoGurEfcw4O" alt="" width="563"><figcaption></figcaption></figure>

### Required Assets

<figure><img src="/files/NGil82279zycoOF3bPDj" alt="" width="563"><figcaption></figcaption></figure>

| **Dimensions**     | 640x200px                  |
| ------------------ | -------------------------- |
| **File Size**      | Up to 200KB                |
| **File Format**    | JPG                        |
| **Required Asset** | Main ad creative & Ad copy |

## Detailed Production Guide

{% tabs %}
{% tab title="Basic Guide" %}
{% hint style="warning" %}
**Background Color Usage Restrictions**

White and black tones are prohibited, as they closely resemble the light/dark mode background colors and reduce both the visibility of the ad boundary and the legibility of creative assets and copy.
{% endhint %}

* The object may be freely arranged within the designated object area.
* Ensure that no objects are cropped or cut off outside the banner area.
* A background with color is recommended.
* The system automatically extends the background by extracting a 1px color from both edges of the banner to fit the resolution, so it **must be set to a uniform solid color.**
* Design the banner so that the extended solid background blends naturally with the main image.
* Buttons are optional

<figure><img src="/files/Ye6b0OEKbXBGvawAsAbi" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Button Guide" %}

* Button height: 45px
* Button width: Flexible
* When adjusting the button width based on the ad copy length, **maintain a 20px margin on both sides of the ad copy.**
* The button color can be customized.
* Please use WEBTOON’s PSD sample file for production.

<figure><img src="/files/v5RmzJHxdJYrvlkinUdM" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Incorrect Examples" %}

<div><figure><img src="/files/m0O8Znl2T4xw2Zg7lOhS" alt="" width="495"><figcaption><p>When objects or text are cut off outside the banner area</p></figcaption></figure> <figure><img src="/files/5XgLIJjTNWB2ER6bEJ0C" alt="" width="495"><figcaption><p>The button guidelines are not followed</p></figcaption></figure></div>

<div align="center"><figure><img src="/files/Vc5D34EDGyVDnQH5gijD" alt="" width="495"><figcaption><p>When the colors on the left and right 1px edges of the banner are different</p></figcaption></figure> <figure><img src="/files/GaHkpbbXtgcLW71CfHVb" alt="" width="495"><figcaption><p>Using a background color <br>similar to the light/dark mode background</p></figcaption></figure></div>

{% endtab %}
{% endtabs %}

## Text Production Guide

{% tabs %}
{% tab title="Basic Guide" %}

* Minimum font size: 21pt
* Please use a Sans-serif typeface for optimal readability.
* Limit the number of fonts used to two or less.
* Limit the ad copy to three lines, excluding the logo.
* Please use no more than three text colors in total: one primary color and two accent colors.
* The text must not extend into the 20 px margins on the top, right, bottom and left sides.&#x20;

<figure><img src="/files/cCKgfUIf6eEdyp7vIFe5" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mandatory Disclosure Guide " %}

* Minimum font size: 10pt
* Please apply this guide when **including any text that is required to be disclosed**\
  (e.g., government policies or directives)

<figure><img src="/files/p81cbCVb8qBNMN2CTn3J" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Incorrect examples" %}

<div><figure><img src="/files/yxiBcsyIKOPFXJpqQPTW" alt=""><figcaption><p>Font is difficult to read</p></figcaption></figure> <figure><img src="/files/sU271uXAP7B3ybF4MMdI" alt=""><figcaption><p>Too many accent colors are used</p></figcaption></figure></div>

<div><figure><img src="/files/vz5xcC1xHcCmzQvZcrjS" alt=""><figcaption><p>Text extends into the 20px margins of the banner</p></figcaption></figure> <figure><img src="/files/YFZ9WAQ9nRjWRiMkpVLQ" alt=""><figcaption><p>Ad copy is too long, making it difficult to read</p></figcaption></figure></div>

<figure><img src="/files/R6UdIXuQmgwFcrYzbyy7" alt="" width="330"><figcaption><p>When the minimum font size is not followed</p></figcaption></figure>
{% endtab %}
{% endtabs %}

## Example Images

<div><figure><img src="/files/bmZFY0dT8UCMMUMIiwas" alt=""><figcaption></figcaption></figure> <figure><img src="/files/SpCZJRQc1YKZ0Hmi5kp7" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="/files/ISxLViVH2yeG3E72kJAA" alt=""><figcaption></figcaption></figure> <figure><img src="/files/pbBSZ4FFqRKbT29EsrCK" alt=""><figcaption></figcaption></figure></div>

## **Ad Creative PSD Template** <a href="#a-d-creative-psd-template" id="a-d-creative-psd-template"></a>

<a href="https://comic.naver.com/external/shareFile?fileId=vmN6R79JqR0xXB3--oGxIA" class="button secondary" data-icon="square-down">Download Sample PSD</a><br>

{% hint style="success" %}
For any questions or advertising inquiries, please use the [**Contact Us** ](https://advertising.webtoon.com/en/contact-us)form.
{% 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/creative-guidelines/display-ads/premium-home-ad/image-banner.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.