> 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/native-image.md).

# Native Image

### Placement and Features

* This is a **native image 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 an object in cutout form and an ad copy is recommended so that the main message can be easily understood at a glance.
* Either the light mode or dark mode will automatically apply, depending on the user’s device environment.
* Ad placement may vary between users.

<figure><img src="/files/UPlWFODQ04sBBgeX40NT" alt="" width="563"><figcaption><p>Light mode / Dark mode</p></figcaption></figure>

### Required Assets

* Please send us the PSD file upon completion.
* Please use WEBTOON’s PSD sample file for production.

<figure><img src="/files/oV1hVbZ9m2CSV4edsvr9" alt="" width="375"><figcaption></figcaption></figure>

| **Dimensions**     | 750x200px                                |
| ------------------ | ---------------------------------------- |
| **File Size**      | Up to 150KB                              |
| **File Format**    | PNG (the background must be transparent) |
| **Required Asset** | Main Ad Creative & Ad Copy               |

## Object Production Guide

{% tabs %}
{% tab title="Basic Guide" %}
**Object Area**

* 260x200px
* An object can be aligned either to the left or the right, and placed anywhere within the object area.
* The object should have a 50px margin on the left or right.

<div><figure><img src="/files/8YBbNbAGlomHjng1SHJ4" alt=""><figcaption><p>Aligned to the left</p></figcaption></figure> <figure><img src="/files/PmxUoNmnyjhyGwqnCOMl" alt=""><figcaption><p>Aligned to the right</p></figcaption></figure></div>
{% endtab %}

{% tab title="Types" %}
**1. Cutout**&#x20;

* 260x200px
* The object should be in cutout form only, according to the object area guide.

<div><figure><img src="/files/Gq83HbEb6o3MADPxpexy" alt=""><figcaption></figcaption></figure> <figure><img src="/files/f11ABSrciSfpAagzx3Me" alt=""><figcaption></figcaption></figure></div>

**2. Object + Background**

* 260x200px
* Combine the object with a background image to deliver the look and feel of the ad creative effectively.

<div><figure><img src="/files/umkX06811xIoAzfXAEXS" alt=""><figcaption></figcaption></figure> <figure><img src="/files/d0NWLYOYVXYlbANIoQjd" alt=""><figcaption></figcaption></figure></div>

**3. Rounded Square Thumbnail**

* 210x140px (1.5:1)
* Do not crop the image; it should fill the entire designated area without any margins.

<div><figure><img src="/files/gaBZnETT8X1RRsPcjn3L" alt=""><figcaption></figcaption></figure> <figure><img src="/files/jkNZDZQeprUTgQbJAqmi" alt=""><figcaption></figcaption></figure></div>

**4. Circular Thumbnail**

* 140x140px (1:1)
* Do not crop the image; it should fill the entire designated area without any margins.

<div><figure><img src="/files/4brRmYoOEhhY5T0HIwtt" alt=""><figcaption></figcaption></figure> <figure><img src="/files/Mmp1mTtZzf3VrT3lGfVZ" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="Incorrect Examples" %}

<div><figure><img src="/files/r3TRa22EdPgqxy3ctRZ8" alt=""><figcaption><p>The background is opaque</p></figcaption></figure> <figure><img src="/files/TSoc5u8hC5PUnRU0w2Rc" alt=""><figcaption><p>The object exceeds the designated object area</p></figcaption></figure></div>

<div><figure><img src="/files/zsBskWkOyJRKg6vSgaLe" alt=""><figcaption><p>The object doesn’t comply with thumbnail-type object guide</p></figcaption></figure> <figure><img src="/files/Fxm4K1DxZY1GkkBaRukO" alt=""><figcaption><p>The sample PSD for background is not used</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## Text Production Guide

{% tabs %}
{% tab title="Basic Guide" %}
**Text Area**

* The maximum height of the text area is 120px
* **The width of the text area is flexible**
* If the object image has a narrow width, the text area can be widened.
* The text should be aligned to the center of the banner.

<div><figure><img src="/files/rfkqbzEjriqa8jp99Ns8" alt=""><figcaption></figcaption></figure> <figure><img src="/files/AFk6uwTbiqxrOBorjuOJ" alt=""><figcaption></figcaption></figure></div>

**Text Margin**

* The text should have a 50px margin to either the left or right of the banner.
* Maintain a minimum 30px space with the object.

<div><figure><img src="/files/B9DgreZw5EdNvCqyRiN0" alt=""><figcaption></figcaption></figure> <figure><img src="/files/UN4ibul9yjRvwSfuIT9B" alt=""><figcaption></figcaption></figure></div>

**Text Font & Color**

* Please use a Sans-serif typeface for optimal readability.
* Please use **#000000** or **#505050** for font color.
  * Please refer to [**“How to Use Emphasis”**](#how-to-use-emphasis) guide when using accent colors
    {% endtab %}

{% tab title="Text Dimensions " %}
**Two-line Text**

* Height : At least 16px \~ Up to 30px
* An ad copy can span up to 2 lines, with consistent text height for each line.
* If the ad copy consists of 2 lines, the line spacing should be at least 10px to prevent the text from appearing crowded.

<div><figure><img src="/files/Lhb86OmKTIuOIF4ejW9g" alt=""><figcaption></figcaption></figure> <figure><img src="/files/7oCc7EFqWoVz04vJ9bXt" alt=""><figcaption></figcaption></figure></div>

**One-line Text**

* Up to 30px in height

<figure><img src="/files/7UxLAED2FFH3cQCXhBuy" alt="" width="375"><figcaption></figcaption></figure>

**One-line Text  + One-line Logo**

* A combination of one-line text and one-line logo is allowed; no additional text may be placed on the same line as the logo.
* Only the regular text weight may be used; bold is prohibited.
* The logo may be up to 40px in height and 300px in width.&#x20;

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

{% tab title="How to Use Emphasis" %}
**Bold**

* Bold can be applied to one line of text only.

<figure><img src="/files/JHVEYFajmzmnR4HFJTXC" alt="" width="375"><figcaption></figcaption></figure>

**Accent Colors**

* Accent colors can occupy up to \~60% of a single-line sentence.
* Please use only one accent color.
* Please use **#000000** or **#505050** for the remaining text.

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

{% tab title="Incorrect Examples" %}

<div><figure><img src="/files/T4g70FWfdFe5Q7tiDsv5" alt=""><figcaption><p>The text doesn’t meet the minimum height requirement</p></figcaption></figure> <figure><img src="/files/iRxUsATYNuhtINFyhrjy" alt=""><figcaption><p>The text extends beyond the text area</p></figcaption></figure></div>

<div><figure><img src="/files/ZwTFoCjFf7rBwxjcVUHO" alt=""><figcaption><p>The text doesn’t meet maximum height requirement</p></figcaption></figure> <figure><img src="/files/bJxYvTZTBVokHvu4Q66T" alt=""><figcaption><p>More than two accent colors are used</p></figcaption></figure></div>

<div><figure><img src="/files/iZEwNwYOYz6aHAmHwKGr" alt=""><figcaption><p>The text doesn’t comply with the line spacing guide</p></figcaption></figure> <figure><img src="/files/AfxsZfv3be9e81pNtFD1" alt=""><figcaption><p>Bold is applied to two lines</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## **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=Jy_9o5kg1Okw-m4r0dCocQ" class="button secondary" data-icon="square-down">Download Sample PSD</a>

{% 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/native-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.