> 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/interactive-video.md).

# Interactive Video

### Placement and Features

* This is an expandable video ad which appears in the first view of the app’s main home. **The video expands and begins streaming** if the user touches or swipes it.
* It consists of a visually engaging image asset and a 16:9 video which plays up to 60 seconds.
* Either the light mode or dark mode will automatically apply, depending on the user’s device environment.
* • Ad placement may vary between users.

<div><figure><img src="/files/1PddelLUMc31ViPJZR7U" alt=""><figcaption><p>Enter the main home</p></figcaption></figure> <figure><img src="/files/DI5vaXOCCxVrDkqRmT4x" alt=""><figcaption><p>Touch/Swipe the banner</p></figcaption></figure> <figure><img src="/files/hL6vKow8rZYa10yQWZue" alt=""><figcaption><p>The video is expanded &#x26; played</p></figcaption></figure> <figure><img src="/files/8AsT7SeyK3uNDzmiLL9U" alt=""><figcaption><p>The video cannot be played</p></figcaption></figure></div>

### Required Assets

* All of the four assets below have to be produced for a single ad.
* Please send us the PSD file upon completion.
* Please use WEBTOON’s PSD sample file for production.

<div><figure><img src="/files/NzidPSXB876PlzbdrRan" alt=""><figcaption><p>Premium Image</p></figcaption></figure> <figure><img src="/files/sdHwpsPwSp1Mm6DYc1q0" alt=""><figcaption><p>Native Image</p></figcaption></figure></div>

<div><figure><img src="/files/c2JXp2g9lxrm3tq9adyW" alt=""><figcaption><p>Video Thumbnail</p></figcaption></figure> <figure><img src="/files/74Y7fJmarF3Pd6Vuz92J" alt=""><figcaption><p>16:9 Video</p></figcaption></figure></div>

<table><thead><tr><th>Asset</th><th width="133.952392578125">Dimensions</th><th width="132.2379150390625">File Size</th><th>File Format</th><th>Required Asset</th></tr></thead><tbody><tr><td><strong>Premium Image</strong></td><td>750 x 230 px</td><td>Up to 150KB</td><td>PNG <br>(The background must be transparent)</td><td>Main ad creative, Ad copy</td></tr><tr><td><strong>Native Image</strong></td><td>750 x 200 px</td><td>Up to 150KB</td><td>PNG <br>(The background must be transparent)</td><td>Main ad creative, Ad copy</td></tr><tr><td><strong>Video Thumbnail</strong></td><td>640 x 360 px</td><td>Up to 150KB</td><td>JPG, PNG</td><td>Main ad creative</td></tr><tr><td><strong>16:9 Video</strong></td><td>1920 x 1080</td><td>Up to  1GB</td><td>AVI, MP4, WMV, MPG, MPEG</td><td>Video with maximum length of 60 seconds</td></tr></tbody></table>

## Premium Image Production Guide

### Object Production Guide

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

* 260x207px
* An object can be aligned to the left, with a 56px margin.
* The object should not exceed \~70%(36,400px) of the designated area.

<div><figure><img src="/files/8kENAaCx164fKYZOtzPH" alt=""><figcaption><p>Aligned to the left</p></figcaption></figure> <figure><img src="/files/Ry1MUGIUeIaFLusYbGe4" alt=""><figcaption><p>Designated area</p></figcaption></figure></div>

<div align="center"><figure><img src="/files/oYh0rHw8w0RvpoolC7zr" alt="" width="375"><figcaption><p>How to check the designated area</p></figcaption></figure></div>
{% endtab %}

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

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

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

**2. Object + Background**

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

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

**3. Rounded Square Thumbnail**

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

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

**4. Circular Thumbnail**

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

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

{% tab title="Incorrect Examples" %}

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

<div align="left"><figure><img src="/files/CTWmDYrQ8cnttBqBhJIo" alt=""><figcaption><p>The object image is not <br>in cutout form</p></figcaption></figure> <figure><img src="/files/JYIbMK0aQiKPNtpigOdT" alt=""><figcaption><p>The sample PSD for background is not used</p></figcaption></figure></div>

<figure><img src="/files/ysKElZwkXYjsqpkjuGDB" alt="" width="330"><figcaption><p>Cases that do not comply with the thumbnail-type guidelines</p></figcaption></figure>
{% endtab %}
{% endtabs %}

### Text Production Guide

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

* The maximum height of the text area is 162px.
* **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.
* If the text area is widened, ma**intain a minimum 20px space from the object and a 150px right margin.**

<div><figure><img src="/files/acGBAd2TUsflhqc2HTxm" alt=""><figcaption></figcaption></figure> <figure><img src="/files/us2sQ3MDKi253cQKCMa5" alt=""><figcaption></figcaption></figure></div>

<div align="center"><figure><img src="/files/wQlWPNKWsismsqe3JfWn" alt="" width="375"><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="Text Dimensions" %}
**Text Dimensions**

* Height :  At least 14px \~ Up to 30px
* If the ad copy exceeds 1 line, maintain minimum line spacing of 10px.
* The ad copy can span up to 3 lines, with consistent text height for each line.

<div><figure><img src="/files/6d4G3D7yeCzCNqBP8rrz" alt=""><figcaption></figcaption></figure> <figure><img src="/files/38hyK3rwA4WJWuIHzXdq" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="Incorrect Examples" %}

<div><figure><img src="/files/Ny7XqFJSMIwksy9sdxtx" alt=""><figcaption><p>The text spans beyond the designated text area</p></figcaption></figure> <figure><img src="/files/CDeHrrhXE0LETuYevz2s" alt=""><figcaption><p>The text doesn’t meet the minimum height requirement</p></figcaption></figure></div>

<div><figure><img src="/files/N1sYIQY0PE33zg0br6xt" alt=""><figcaption><p>The text doesn’t meet the maximum height requirement</p></figcaption></figure> <figure><img src="/files/ikYB20xMmTJxolWQ8kqZ" alt=""><figcaption><p>The text doesn’t comply with the line spacing guide</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## Native Image Production Guide

* 750x200 px
* This image will appear if the video fails to load due to weak internet connection.
* Please produce the Native Image according to [**Premium Home AD > Native Image**](/creative-guidelines/display-ads/premium-home-ad/native-image.md) design guidelines.

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

## Video Thumbnail Production Guide

* 640x360 px
* This is a thumbnail image which appears while loading the 16:9 video, after the user touches or swipes the premium image.
* Please select key scenes to best capture the essence of the video content or generate excitement.

<div align="center"><figure><img src="/files/c2JXp2g9lxrm3tq9adyW" alt="" width="375"><figcaption></figcaption></figure></div>

## 16:9 Video Production Guide <a href="#id-21.interactivevideo-16-9video" id="id-21.interactivevideo-16-9video"></a>

* 1920x1080 px
* The video should last up to 60 seconds.
* It is impossible to use videos that infringe upon third-party rights—such as rights of publicity, copyright or trademark—or contain excessive nudity or explicit content.
* Only ad-relevant content should be included in the video. Silent videos cannot be used.

## **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=gGcVQ4xG_jxO3Pefc8IWsw" 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/interactive-video.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.