# Campaign Creative Requirements 2.0

*This page is the evolution of the previous <span style="color: rgb(141, 93, 217);">[Creative Requirements](https://manual.eskimi.com/books/general-information/page/creative-requirements "Creative Requirements") </span>page. Updated 09.2026.*

---

#### <span style="color: rgb(141, 93, 217);">**⚡ START HERE**</span>

The creative assets needed for campaigns depend on two things:

1. **The creative format you are using**
2. **Whether the client is supplying a finished advert or asking Creative Studio to build it**

Use this chapter to check the required file types, dimensions, file sizes and supporting information before either submitting a brief, or before going live with supplied creative.

<p class="callout info">**Requirements may differ by country, publisher or placement. Always confirm the final campaign requirements.**</p>

---

**Select the banner type for more information**👇

<details id="bkmrk-static-banners-%F0%9F%96%BC%EF%B8%8F-st"><summary>🖼️ STATIC BANNERS</summary>

#### <span style="color: rgb(141, 93, 217);">**🖼️ STATIC BANNERS**</span>

A static banner is a completed image with no movement or interaction.

<table border="1" id="bkmrk-requirement-details-" style="border-collapse: collapse; width: 100%; height: 165.781px; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><th class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**REQUIREMENT**</span></th><th class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**DETAILS**</span></th></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Accepted files**</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">.PNG, .JPG or .GIF</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Recommended size**</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">Up to 150 KB</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; padding: 10px; border-color: rgb(31, 33, 37);">**Maximum size**</td><td style="height: 46.5938px; padding: 10px; border-color: rgb(31, 33, 37);">For File Banner: 150 KB  
For Rich Media templates: 4.5 MB</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Movement**</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">None</td></tr></tbody></table>

*\*While .GIFs are accepted, they come with limitations. <span style="color: rgb(141, 93, 217);">[Ready about the file size hurdles with .GIFs here](https://manual.eskimi.com/books/eskimi-creative-studio-101/page/the-downside-of-gif-formats "The downside of .GIFs")</span>.*

---

<span style="text-decoration: underline;">**STATIC BANNER DIMENSIONS:**</span>

These are common dimensions, not a guarantee that every size is available in every market. See top performing sizes per market <span style="color: rgb(141, 93, 217);">[here](https://docs.google.com/spreadsheets/d/1AcQkKtDbv9_4JGK4q0qzUWYjhGS8uEN1_3oJpEjqBWQ/edit?usp=sharing "Best Performing Sizes in The Markets")</span>. You can also use the <span style="color: rgb(141, 93, 217);">[Traffic Discovery Tool](https://dsp.eskimi.com/admin/trafficDiscovery "Traffic Discovery Tool")</span> for data from the past 30 days (see set by step instructions to do this <span style="color: rgb(141, 93, 217);">[here](https://manual.eskimi.com/books/creatives/page/creative-size-requirements "Creative size & requirements")</span>).

<table border="1" id="bkmrk-common-mobile-dimens" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**COMMON MOBILE DIMENSIONS**</span></td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**COMMON DESKTOP DIMENSIONS**</span></td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">200 × 200

</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">120 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">250 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">160 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 50</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">250 × 250</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 100</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 600</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">336 × 280</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 50</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">728 × 90</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 480</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">970 × 90</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">468 × 60</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">-</td></tr></tbody></table>

<p class="callout info">**The Creative Studio team can help with resizes - resizing work usually takes 24 hours depending on seasonal capacity. To assist with this, the [Creative Studio requires Open Files](https://manual.eskimi.com/books/eskimi-creative-studio-101/page/why-do-we-need-open-files "Why do we need Open Files?") from the client team.** </p>

</details>---

<details id="bkmrk-%F0%9F%8E%9E%EF%B8%8F-animated-banners-"><summary>🎞️ ANIMATED BANNERS</summary>

#### <span style="color: rgb(141, 93, 217);">**🎞️ ANIMATED BANNERS**</span>

These requirements apply for a completed HTML5 banner built by their own developer or creative agency.

<table border="1" id="bkmrk-requirement-details--1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**REQUIREMENT**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**DETAILS**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**File type**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">HTML5 using JavaScript</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Initial load**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum 150 KB</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Total download**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum 5 MB</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Animation duration**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Must stop and remain static after 30 seconds</td></tr></tbody></table>

<span style="text-decoration: underline;">**TECHNICAL REQUIREMENTS**</span>

The creative team (whether in-house with Eskimi Creative Studio, or the client's own internal or agency creative team) must ensure that:

- The creative is fully SSL compliant
- All files and resources load through secure `https` connections
- The landing page also uses `https`
- The main `index.html` file contains the campaign landing-page URL
- A supported click macro is included
- The click-through opens in a new browser tab or window
- The click target is set to `_blank`
- The HTML and JavaScript code is valid
- The creative passes the <span style="color: rgb(141, 93, 217);">[W3C code validator](https://validator.w3.org/)</span>
- The browser console contains no errors

Supported click macros include:

- `{CLICK_URL}`
- `{CLICK_URL_ENC}`
- `{CLICK_URL_ASYNC}`

<span style="text-decoration: underline;">**PLAIN LANGUAGE DEFINITIONS FOR NON-DEVELOPERS:**</span>

An HTML5 banner is basically a **tiny website inside an advert**. These rules make sure it is safe, works correctly and records clicks.

- **SSL compliant / HTTPS:** Everything must use a secure, locked internet connection; no part of the banner or landing page may use an unsafe `http` link
- **`index.html`:** This is the banner’s main instruction file; it must know which website to open when someone clicks the advert
- **Click macro:** This is a temporary placeholder for the final tracking link; when the advert runs, Eskimi replaces it with the correct URL so the click can be recorded
- **Supported macros:** `{CLICK_URL}`, `{CLICK_URL_ENC}` and `{CLICK_URL_ASYNC}` are different versions of that placeholder; the developer chooses the correct one
- **Open in a new tab:** Clicking the advert should open the client’s website without closing the page the person was viewing
- **`_blank`:** This is the code instruction that tells the browser to open the link in a new tab or window
- **Valid HTML and JavaScript:** The banner’s code must follow the correct rules, like a sentence following grammar rules
- **W3C validator:** This is an online “spell-checker” for website code. It looks for mistakes
- **No browser-console errors:** The browser has a hidden area where it reports technical problems; that area should not show any errors

**In simple terms:** the client must supply a finished banner that is secure, opens the correct link, tracks clicks and contains working code. If they cannot provide that, they should send the editable design files and ask Creative Studio to build it properly.

<span style="color: rgb(141, 93, 217);">[*\*Read more about HTML5 creative requirements and validation here.*](https://manual.eskimi.com/books/javascript "HTML5 creative requirements and validation")</span>

<p class="callout info">**These are developer requirements. If the client cannot provide a [finished and technically compliant HTML5 file](https://manual.eskimi.com/books/javascript "HTML5 Requirements and Validation"), submit the open files and brief Creative Studio to produce the banner instead.**</p>

<span style="text-decoration: underline;">**ANIMATED BANNER DIMENSIONS:**</span>

As with static banners, these are common dimensions, not a guarantee that every size is available in every market. See top performing sizes per market <span style="color: rgb(141, 93, 217);">[here](https://docs.google.com/spreadsheets/d/1AcQkKtDbv9_4JGK4q0qzUWYjhGS8uEN1_3oJpEjqBWQ/edit?usp=sharing "Best Performing Sizes in The Markets")</span>. You can also use the <span style="color: rgb(141, 93, 217);">[Traffic Discovery Tool](https://dsp.eskimi.com/admin/trafficDiscovery "Traffic Discovery Tool")</span> for data from the past 30 days.

<table border="1" id="bkmrk-common-mobile-dimens-1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**COMMON MOBILE DIMENSIONS**</span></td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**COMMON DESKTOP DIMENSIONS**</span></td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">200 × 200

</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">120 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">250 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">160 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 50</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">250 × 250</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 100</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 600</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">336 × 280</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 50</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">728 × 90</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 480</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">970 × 90</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">468 × 60</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">-</td></tr></tbody></table>

<p class="callout info">**The Creative Studio team can help with resizes - animation work usually takes 24-48 hours depending on seasonal capacity. To assist with this, the [Creative Studio requires Open Files](https://manual.eskimi.com/books/eskimi-creative-studio-101/page/why-do-we-need-open-files "Why do we need Open Files?") from the client team.** </p>

</details>---

<details id="bkmrk-%F0%9F%93%8C-sticky-ads-%F0%9F%93%8C-stick"><summary>📌 STICKY ADS</summary>

#### <span style="color: rgb(141, 93, 217);">**📌 STICKY ADS**</span>

A sticky ad remains visible in a fixed position while the user moves through the page.

<table border="1" id="bkmrk-requirement-details--2" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="text-decoration: underline;">**REQUIREMENT**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="text-decoration: underline;">**DETAILS**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">Accepted files</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">.PNG, .JPG, .GIF or finished HTML5</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">Recommended size</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Up to 150 KB</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum size</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">4.5 MB</td></tr></tbody></table>

<span style="color: rgb(141, 93, 217);">[*\*See above about .GIF limitations.*](https://manual.eskimi.com/books/eskimi-creative-studio-101/page/the-downside-of-gif-formats "The downside of .GIFs")</span>

---

<span style="text-decoration: underline;">**SUPPORTED DIMENSIONS**</span>

<table border="1" id="bkmrk-header-footer-sideba" style="border-collapse: collapse; width: 100%; height: 506.547px; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 25.0298%;"></col><col style="width: 25.0298%;"></col><col style="width: 25.0298%;"></col><col style="width: 25.0298%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**HEADER**</span></td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**FOOTER**</span></td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**SIDEBAR**</span></td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**FULL SCREEN**</span></td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 50</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">120 × 600</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">120 × 600</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">320 × 480</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 100</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">160 × 600</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">160 × 90</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">480 × 320</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">200 × 200</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">160 × 600</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">720 × 1280</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">320 × 50</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">250 × 250</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">200 × 200</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">768 × 1024</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">728 × 90</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 50</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">234 × 60</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">1,024 × 768</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 100</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">240 × 400</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">250 × 250</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 600</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 50</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">320 × 50</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 100</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">320 × 100</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">320 × 480</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">300 × 600</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">336 × 280</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">320 × 50</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">468 × 60</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">320 × 100</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">728 × 40</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">336 × 280</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">728 × 90</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">728 × 90</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">970 × 90</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">970 × 250</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">  
</td></tr></tbody></table>

*<span style="color: rgb(141, 93, 217);">[\*Everything you need to know about Sticky Ads.](https://manual.eskimi.com/books/sticky-ads/page/everything-you-need-to-know-about-sticky-ads "*Everything you need to know about Sticky Ads")</span>*

</details>---

<details id="bkmrk-%E2%9C%A8-templated-rich-med"><summary>✨ TEMPLATED RICH MEDIA</summary>

#### <span style="color: rgb(141, 93, 217);">**✨ TEMPLATED RICH MEDIA**</span>

The **Rich Media Template Builder** is a self-serve tool inside the <span style="color: rgb(141, 93, 217);">[Eskimi DSP](https://dsp.eskimi.com/admin/creatives-builder "Eskimi DSP")</span> that lets you turn static images and videos into interactive, high-impact rich media ads in minutes, without any coding. Users choose from 20+ pre-designed templates (such as Carousel, 3D Cube, Pixel Pages, Parallax and Scratch to Reveal), upload their assets into the template's frames, and are immediately ready for campaign go-live. It's available to every client tier, including self-service, with no Creative Studio involvement or minimum budget. Custom rich media, by contrast, is built by the Studio and carries a minimum spend.

[![Template RM Builder](https://manual.eskimi.com/uploads/images/gallery/2026-09/scaled-1680-/n7slhNxHoSCHNRt3-screenshot-2026-09-25-at-12-50-48.png)](https://dsp.eskimi.com/admin/creatives-builder "Templated RM Builder")

<span style="color: rgb(141, 93, 217);">[*\*See Pitch-ready presentation slides here.*](https://app.pitch.com/app/presentation/2e8f851c-3a9e-4cac-81cb-06f3b3d51c87/a9564307-bb8e-435b-a4c0-a187a09524e8 "Rich Media: Creatives builder")</span>

<span style="text-decoration: underline;">**WHAT TO PROVIDE**</span>

- High-quality .PNG or .JPG images in the required banner dimensions 
    - We usually prefer to deliver them in **double the dimensions** to prevent any pixelation - here’s how it works using a standard 300x250 banner as an example:
        
        
        - The actual “slot” on the website is 300x250 pixels
        - If we provide a file that is exactly 300x250, it can look blurry on those sharp screens
        - To fix this, we create the image at 600x500 (double the size)
        - The website then “squeezes” those extra pixels into that original 300x250 slot
        - This isn’t about making the banner physically bigger on the page - it’s a compression tactic to make sure the image stays crisp and sharp
        - See this in action <span style="color: rgb(141, 93, 217);">[here](https://dsp.eskimi.com/preview/creative-set/28lssrqr "Banner dimensions x pixellation example in template RM")</span>
- .MP4 videos in the relevant dimensions for video templates
- File size is recommended as 150 KB each, but the DSP can accept higher - however it may begin to impact performance

[![Why my banners are pixellating.png](https://manual.eskimi.com/uploads/images/gallery/2026-09/scaled-1680-/6vLsY59dfAPKK1PL-why-my-banners-are-pixellating.png)](https://manual.eskimi.com/uploads/images/gallery/2026-09/6vLsY59dfAPKK1PL-why-my-banners-are-pixellating.png)

*\*See this in action <span style="color: rgb(141, 93, 217);">[here.](https://dsp.eskimi.com/preview/creative-set/28lssrqr "Banner dimensions x pixellation example in template RM")</span>*

---

<span style="text-decoration: underline;">**SUPPORTED DIMENSIONS**</span>

<table border="1" id="bkmrk-horizontal-square-ve" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 33.3731%;"></col><col style="width: 33.3731%;"></col><col style="width: 33.3731%;"></col></colgroup><tbody><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**HORIZONTAL**</span></td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**SQUARE**</span></td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**VERTICAL**</span></td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 50</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 300</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">160 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 150</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 320</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 480</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 50</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 100</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">336 × 280</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">728 × 90</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">970 × 90</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">970 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">  
</td></tr></tbody></table>

<span style="color: rgb(141, 93, 217);">[*\*See dimensions per template format here.*](https://docs.google.com/spreadsheets/d/1wB7AczCZQKXNf7t9ToDFwsAppZ7y8v5r/edit?usp=sharing&ouid=103418641622676614032&rtpof=true&sd=true "Dimensions per template format")</span>

<p class="callout info">**The Creative Studio team can help with resizes - resizing work usually takes 24 hours depending on seasonal capacity. To assist with this, the [Creative Studio requires Open Files](https://manual.eskimi.com/books/eskimi-creative-studio-101/page/why-do-we-need-open-files "Why do we need Open Files?") from the client team.** </p>

---

<span style="text-decoration: underline;">**HOW MANY IMAGES ARE REQUIRED?**</span>

The number of required images depends on the selected template - previews of all available Eskimi Templated Rich Media can be found <span style="color: rgb(141, 93, 217);">[here](https://dsp.eskimi.com/adsPreview/9Flpmtrs "All available Eskimi Templated Rich Media")</span>.

<table border="1" id="bkmrk-assets-available-pos" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 22.0564%;"></col><col style="width: 77.9436%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**ASSETS AVAILABLE**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**POSSIBLE FORMATS**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**1 image**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">[Assemble](https://dsp.eskimi.com/preview/creative/5lsmmqnt "Assemble")</span>

<span style="color: rgb(141, 93, 217);">[Glitch](https://dsp.eskimi.com/preview/creative/5lsmmqok "Glitch")</span>

<span style="color: rgb(141, 93, 217);">[Rotating Billboard](https://dsp.eskimi.com/preview/creative/9lsmmqom "Rotating Billboard")</span> *(needs 1x dimensions export)*

<span style="color: rgb(141, 93, 217);">[SpinView Gallery](https://dsp.eskimi.com/preview/creative/Blsmmqpn "SpinView Gallery")</span> *(1x background image; 1x product image)*

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**2 images**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">[3D Rotating Cube](https://dsp.eskimi.com/preview/creative/8lsmmqpo "3D Rotating Cube")</span>

<span style="color: rgb(141, 93, 217);">[Countdown](https://dsp.eskimi.com/preview/creative/7lsmmqpp "Countdown") </span>*(needs 1x dimensions export)*

<span style="color: rgb(141, 93, 217);">[Dancing 3D](https://dsp.eskimi.com/preview/creative/5lsmmqpq "Dancing 3D")</span> *(1st image not in view; ensure main image is in 2nd image placement)*

<span style="color: rgb(141, 93, 217);">[Page Flip](https://dsp.eskimi.com/preview/creative/3lsmmqpr "Page Flip")</span>

<span style="color: rgb(141, 93, 217);">[Pixel Pages](https://dsp.eskimi.com/preview/creative/Elsmmqps "Pixel Pages")</span>

<span style="color: rgb(141, 93, 217);">[Scratch to Reveal](https://dsp.eskimi.com/preview/creative/2lsmmqpt "Scratch to Reveal")</span> *(needs 1x dimensions export)*

<span style="color: rgb(141, 93, 217);">[Shake &amp; Break](https://dsp.eskimi.com/preview/creative/Elsmmqqr "Shake & Break")</span> *(2nd image needs 1x dimensions export)*

<span style="color: rgb(141, 93, 217);">[Slider](https://dsp.eskimi.com/preview/creative/1lsmmqql "Slider")</span>

<span style="color: rgb(141, 93, 217);">[SpinView Gallery](https://dsp.eskimi.com/preview/creative/9lsmmqsp "SpinView Gallery")</span> *(+ background image)*

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**3 images**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">[3D Prism](https://dsp.eskimi.com/preview/creative/1lsmmqss "3D Prism")</span>

<span style="color: rgb(141, 93, 217);">[3D Rotating Cube](https://dsp.eskimi.com/preview/creative/4lsmmqst "3D Rotating Cube")</span>

<span style="color: rgb(141, 93, 217);">[3D Triangle](https://dsp.eskimi.com/preview/creative/Blsmmqsr "3D Triangle")</span>

<span style="color: rgb(141, 93, 217);">[Blinds](https://dsp.eskimi.com/preview/creative/3lsmmqtk "Blinds")</span>

<span style="color: rgb(141, 93, 217);">[Carousel](https://dsp.eskimi.com/preview/creative/Clsmmqtl "Carousel")</span>

<span style="color: rgb(141, 93, 217);">[Carousel Splitscreen](https://dsp.eskimi.com/preview/creative/2lsmmqtm "Carousel Splitscreen")</span>

<span style="color: rgb(141, 93, 217);">[Pixel Pages](https://dsp.eskimi.com/preview/creative/Elsmmqtn "Pixel Pages")</span>

<span style="color: rgb(141, 93, 217);">[SpinView Gallery](https://dsp.eskimi.com/preview/creative/Blsmmqto "SpinView Gallery")</span> *(+ background image)*

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**4 images**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">[3D Cube](https://dsp.eskimi.com/preview/creative/Dlsmmrkn "3D Cube")</span>

<span style="color: rgb(141, 93, 217);">[3D Cubes Animated](https://dsp.eskimi.com/preview/creative/Elsmmrkq "3D Cubes Animated")</span>  
<span style="color: rgb(141, 93, 217);">[3D Cubes Animated Interactive](https://dsp.eskimi.com/preview/creative/Elsmmrkr "3D Cubes Animated Interactive")</span>

<span style="color: rgb(141, 93, 217);">[3D Cube Horizontal](https://dsp.eskimi.com/preview/creative/Clsmmrlt "3D Cube Horizontal")</span>

<span style="color: rgb(141, 93, 217);">[3D Cube Rotating](https://dsp.eskimi.com/preview/creative/Clsmmrks "3D Cube Rotating")</span>

<span style="color: rgb(141, 93, 217);">[3D Cube Vertical](https://dsp.eskimi.com/preview/creative/3lsmmrkp "3D Cube Vertical")</span>

<span style="color: rgb(141, 93, 217);">[Carousel](https://dsp.eskimi.com/preview/creative/Clsmmrkk "Carousel")</span>

<span style="color: rgb(141, 93, 217);">[Carousel Splitscreen](https://dsp.eskimi.com/preview/creative/Blsmmrkl "Carousel Splitscreen")</span>

<span style="color: rgb(141, 93, 217);">[Parallax](https://dsp.eskimi.com/preview/creative/Dlsmmrkm "Parallax")</span> *(2nd and 4th images not in view; ensure main images are in 1st and 3rd image placement)*

<span style="color: rgb(141, 93, 217);">[Pixel Pages](https://dsp.eskimi.com/preview/creative/0lsmmrlk "Pixel Pages")</span>

<span style="color: rgb(141, 93, 217);">[SpinView Gallery](https://dsp.eskimi.com/preview/creative/7lsmmrkt "SpinView Gallery")</span> *(+ background image)*

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**5 - 6 images**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">[3D Cube Rotating](https://dsp.eskimi.com/preview/creative/Blsmmqrt "3D Rotating Cube")</span>

<span style="color: rgb(141, 93, 217);">[Carousel](https://dsp.eskimi.com/preview/creative/0lsmmqrs "Carousel")</span>

<span style="color: rgb(141, 93, 217);">[Carousel Splitscreen](https://dsp.eskimi.com/preview/creative/3lsmmqsk "Carousel Splitscreen")</span>

<span style="color: rgb(141, 93, 217);">[Pixel Pages](https://dsp.eskimi.com/preview/creative/4lsmmqsl "Pixel Pages")</span>

<span style="color: rgb(141, 93, 217);">[SpinView Gallery](https://dsp.eskimi.com/preview/creative/Flsmmqsm "SpinView Gallery") </span>*(+ background image)*

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**7 - 10 images**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">[3D Cube Rotating](https://dsp.eskimi.com/preview/creative/7lsmmqqs "3D Rotating Cube")</span>  
<span style="color: rgb(141, 93, 217);">[Carousel](https://dsp.eskimi.com/preview/creative/0lsmmqqt "Carousel")</span>  
<span style="color: rgb(141, 93, 217);">[Carousel Splitscreen](https://dsp.eskimi.com/preview/creative/1lsmmqrk "Carousel Splitscreen")</span>  
<span style="color: rgb(141, 93, 217);">[Pixel Pages](https://dsp.eskimi.com/preview/creative/1lsmmqrl "Pixel Pages")</span>  
<span style="color: rgb(141, 93, 217);">[SpinView Gallery](https://dsp.eskimi.com/preview/creative/8lsmmqrq "SpinView Gallery")</span> *(+ background image)*  
</td></tr></tbody></table>

<span style="text-decoration: underline;">**HOW MANY VIDEOS ARE REQUIRED?**</span>

The DSP Template Builder also supports video formats - either as video only, or as video + images.

<table border="1" id="bkmrk-assets-available-pos-1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 22.0564%;"></col><col style="width: 77.9436%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**ASSETS AVAILABLE**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**POSSIBLE FORMATS**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**3 - 10 videos + images**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">[<span style="color: #8d5dd9;">Carousel with Video</span>](https://dsp.eskimi.com/preview/creative/Alsmorts "Carousel with Video")

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**2 - 10 videos + images**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">[<span style="color: #8d5dd9;">Deck of Cards with Video</span>](https://dsp.eskimi.com/preview/creative/6lsmortt "Deck of Cards with Video")

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**3 - 4 videos + images**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">[<span style="color: #8d5dd9;">3D Cube with Video</span>](https://dsp.eskimi.com/preview/creative/Dlsmoskk "3D Cube with Video")

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**1 - 10 videos + images**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">[<span style="color: rgb(141, 93, 217);">Parallax Spin with Video</span>](https://dsp.eskimi.com/preview/creative/Elsmoskl "Parallax Spin with Video")

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**3 - 10 videos + images**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">[<span style="color: rgb(141, 93, 217);">Story Frames with Video</span>](https://dsp.eskimi.com/preview/creative/5lsmoskm "Story Frames with Video")

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**1 video**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">[<span style="color: rgb(141, 93, 217);">In-Banner Video</span>](https://dsp.eskimi.com/preview/creative/Dlsmotqk "In-Banner Video")

</td></tr></tbody></table>

Some formats have additional requirements. Check the individual format specifications before confirming the execution with the client.

<span style="color: rgb(141, 93, 217);">[*\*Learn how to upload Templated Rich Media to the DSP here.*](https://manual.eskimi.com/books/creatives/page/creating-standard-rich-media-in-eskimi-dsp-rich-media-builder-guide "Creating Standard Rich Media in Eskimi DSP (Rich Media Builder Guide)")</span>


</details>---

<details id="bkmrk-%F0%9F%A7%A9-custom-rich-media-"><summary>🧩 CUSTOM RICH MEDIA</summary>

#### **🧩 CUSTOM RICH MEDIA**

Custom Rich Media is designed and developed specifically for the campaign rather than built from an existing template.

<span style="text-decoration: underline;">**WHAT TO PROVIDE**</span>

- <span style="color: rgb(141, 93, 217);">[Editable .PSD or other approved Open Files from the client team](https://manual.eskimi.com/books/eskimi-creative-studio-101/page/what-are-open-files "What are Open Files")</span>
- Brand guidelines or brand book (especially useful for a first time client)
- Logos
- Font files
- Final copy (especially if the campaign is not in English, and the language uses any special characters)
- Final CTA
- All required banner dimensions
- A short explanation of the required user journey
- Any legal disclaimers needed

<p class="callout info">**Brief in your custom request here. (COMING SOON)**</p>

---

<span style="text-decoration: underline;">**WHAT IS THE USER JOURNEY?**</span>

The user journey explains what happens when someone sees or interacts with the advert.

For example:

1. The product appears
2. The user selects an option.
3. The advert displays the result
4. The user clicks the CTA to visit the client’s website

A few clear sentences are enough for an initial brief. More complex experiences may require a storyboard before development begins.

<span style="color: rgb(141, 93, 217);">[*\*See a very thorough example here.*](https://app.pitch.com/app/presentation/2e8f851c-3a9e-4cac-81cb-06f3b3d51c87/9b5268a6-88a7-428d-8ea3-64b757875cb6 "Custom Rich Media banner user journey")</span>

---

##### <span style="color: rgb(141, 93, 217);">**🧊 FORCED PERSPECTIVE AND 3D FORMATS**</span>

Forced Perspective and other 3D formats require both the campaign design and accurate product references.

<span style="text-decoration: underline;">**STANDARD BRAND ASSETS**</span>

For **ALL** projects, please provide:

- Editable brand or campaign files, such as .PSD, .AI or .FIG
- High-resolution logos
- Font files
- Brand guidelines, if available
- Final, approved copy
- Final call to action (CTA)
- Music as an .MP3, or an approved music reference if relevant
- Legal copy and mandatory disclaimers

<span style="text-decoration: underline;">**🧊 ASSETS REQUIRED FOR 3D PROJECTS**</span>

If the project includes a 3D product or object, we **also** need:

- An existing 3D model of the product 
    - **3D model file format: .GLTF for web 3D format, .FBX or .OBJ**
    - [UV wrapped with provided texture image files](https://www.adobe.com/products/substance3d/discover/uv-mapping.html "What is UV Mapping?")
- If 3D assets don't exist, we would need the below to create a 3D model from scratch: 
    - Flat label or sticker artwork in .AI, .EPS or print-ready PDF format
    - Packaging layouts and [dielines](https://pakfactory.com/blog/what-is-a-dieline "What is a Dieline in Packaging & Print?")
    - Material and finish details, such as matte, gloss, metallic or transparent
    - Clear reference photographs from different angles (IE. [orthographic reference photos](https://www.britannica.com/technology/orthographic-projection-engineering))

<span style="color: rgb(141, 93, 217);">[*\*Read more details on 3D format creative requirements here.*](https://manual.eskimi.com/books/eskimi-creative-studio-101/page/3d-and-high-impact-format-ts-cs "3D format creative requirements")</span>

---

##### <span style="color: rgb(141, 93, 217);">**💥 HIGH IMPACT FORMATS**</span>

High Impact formats use larger or more unusual placements to create a more noticeable experience.

<span style="text-decoration: underline;">**WHAT TO PROVIDE**</span>

- <span style="color: rgb(141, 93, 217);">[Editable .PSD or other approved Open Files from the client team](https://manual.eskimi.com/books/eskimi-creative-studio-101/page/what-are-open-files "What are Open Files")</span>
- Brand guidelines or brand book (especially useful for a first time client)
- Logos
- Font files
- Final copy (especially if the campaign is not in English, and the language uses any special characters)
- Final CTA
- All required banner dimensions
- A short explanation of the required user journey
- Any legal disclaimers needed

<table border="1" id="bkmrk-format-requirement-f" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**FORMAT**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**REQUIREMENT**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Floating Ad**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">150 × 150 .PNG, .JPG or layered .PSD</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Full Page Takeover**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Responsive assets</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Topscroll**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Responsive assets</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Midscroll**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Responsive assets</td></tr></tbody></table>

<p class="callout info">**A responsive format adjusts to the size of the screen where it appears. This means the design must work across different screen sizes instead of being created at only one fixed dimension. Creative Studio may request additional background images, safe areas or layered assets depending on the selected format.**</p>

</details>
---

<details id="bkmrk-%F0%9F%94%84-dynamic-ads-%F0%9F%94%84-dyna"><summary>🔄 DYNAMIC ADS</summary>

#### <span style="color: rgb(141, 93, 217);">**🔄 DYNAMIC ADS**</span>

Dynamic ads automatically change some content using an external source of information.

For example, an advert may display different:

- Products
- Prices
- Locations
- Weather conditions
- Promotional messages

<span style="text-decoration: underline;">**WHAT TO PROVIDE**</span>

The requirements depend on what will change.

<table border="1" id="bkmrk-dynamic-content-what" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**DYNAMIC CONTENT**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**WHAT WE NEED**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Products or prices (data format)**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">.JSON, .XML, or .CSV format  
API Endpoint (not within EskimiDSP solution)

</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Weather**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">The required cities and weather conditions</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Other live information**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Access to a suitable API</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Creative design**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Editable, layered campaign assets</td></tr></tbody></table>

[<span style="color: rgb(141, 93, 217);">*\*Learn more about Dynamic Ad requirements and setup here.*</span>](https://manual.eskimi.com/books/creatives "Dynamic Ad requirements and setup")

<span style="color: rgb(141, 93, 217);">[*\*\*Access the Pitch presentation with examples here.*](https://pitch.com/v/dynamic-ads_updated-deck-wewjy9/76857f93-4e59-4ddd-b0b7-125c1a011d89 "Dynamic Ads presentation")</span>

*[<span style="color: rgb(141, 93, 217);">\*\*\*Read about Dynamic Ads with product feeds here.</span>](https://try.eskimi.com/m/9/ "Dynamic Ads with product feeds")*

<p class="callout info">**A product feed is a structured file containing information such as product names, images, prices and links. An API is a connection that allows the advert to request information from another system.**</p>

---

**DYNAMIC AD DIMENSIONS**

<table border="1" id="bkmrk-common-mobile-dimens-3" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**COMMON MOBILE DIMENSIONS**</span></td><td style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**COMMON DESKTOP DIMENSIONS**</span></td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">200 × 200

</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">120 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">250 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">160 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 50</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">250 × 250</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 100</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 600</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">336 × 280</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 50</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">728 × 90</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 480</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">970 × 90</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">468 × 60</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">-</td></tr></tbody></table>

</details>---


<details id="bkmrk-%F0%9F%93%B1native-and-social-f"><summary>📱NATIVE AND SOCIAL FORMATS</summary>

#### <span style="color: rgb(141, 93, 217);">**NATIVE AND SOCIAL FORMATS**</span>

##### <span style="color: rgb(141, 93, 217);">**📰 NATIVE ADS**</span>

Native ads are designed to fit the look and structure of the website or app where they appear.

<span style="text-decoration: underline;">**REQUIRED ASSETS**</span>

<table border="1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**ASSET**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**REQUIREMENT**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Icon or logo**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">128 × 128</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Main image**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">1200 × 627</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Additional image options**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">600 × 600, 400 × 400, or 1200 × 1200</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Title**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum 25 characters</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Description**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum 90 characters</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**CTA**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum 15 characters</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Advertiser name**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum 25 characters</td></tr></tbody></table>

*\*Character limits include spaces and punctuation.*

<span style="text-decoration: underline;">**OPTIONAL INFORMATION**</span>

Depending on the placement, you may also provide:

- Number of likes
- Number of downloads
- Price
- Sale price
- Phone number
- Address
- Star rating
- Additional description
- Display URL

<table border="1" style="border-collapse: collapse; width: 100%; height: 238.375px; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><th class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**OPTIONAL FIELD**</span></th><th class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**MAXIMUM LENGTH**</span></th></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Price**</td><td class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">50 characters</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Sale price**</td><td class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">50 characters</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Phone number**</td><td class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">50 characters</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Address**</td><td class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">100 characters</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Star rating**</td><td class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">4 characters</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Additional description**</td><td class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">90 characters</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Display URL**</td><td class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">1,000 characters</td></tr></tbody></table>

---

##### <span style="color: rgb(141, 93, 217);">**📱 FACEBOOK AND INSTAGRAM IN-FEED ADS**</span>

Before launch, the client’s Facebook account must be correctly connected. Contact Ad Operations for help with account integration and permissions.

<span style="text-decoration: underline;">**REQUIRED ASSETS**</span>

<table border="1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**ASSET**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**REQUIREMENT**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**App, product or brand icon**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">128 × 128</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Main landscape image**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">1200 × 627</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Square image**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">600 × 600</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Title**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum 25 characters</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Description**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum 90 characters</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**CTA**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum 15 characters</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Advertiser name**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum 25 characters</td></tr></tbody></table>

*\*Character limits include spaces and punctuation. Keep text within the image to a minimum.*

</details>---

<details id="bkmrk-%F0%9F%93%B9-video-and-audio-fo"><summary>📹 VIDEO AND AUDIO FORMATS</summary>

#### <span style="color: rgb(141, 93, 217);">**VIDEO AND AUDIO FORMATS**</span>

##### <span style="color: rgb(141, 93, 217);">**🎮 IN-GAME ADS**</span>

In-game advertising may use a banner or video displayed inside a game environment.

<span style="text-decoration: underline;">**ACCEPTED FILES**</span>

<table border="1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Banner**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">.JPG, .GIF, finished HTML5 or approved tags</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Video**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">MP4</td></tr></tbody></table>

<span style="text-decoration: underline;">**BANNER DIMENSIONS**</span>

<table border="1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 33.3731%;"></col><col style="width: 33.3731%;"></col><col style="width: 33.3731%;"></col></colgroup><tbody><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**<span style="color: rgb(141, 93, 217);">COMMON BANNER DIMENSIONS</span>**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">**<span style="color: rgb(141, 93, 217);">ADDITIONAL SUPPORTED DIMENSIONS MAY INCLUDE</span>**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">**<span style="color: rgb(141, 93, 217);">VIDEO DIMENSIONS</span>**</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">160 × 600</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 480</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 50</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">250 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">480 × 320</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 480</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">300 × 600</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">768 × 1024</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">336 × 280</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 100</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">1024 × 768</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">480 × 320</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 180</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">640 × 360</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 320</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">640 × 480</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">360 × 640</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="padding: 10px; border-color: rgb(31, 33, 37);">728 × 90</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="padding: 10px; border-color: rgb(31, 33, 37);">768 × 1024</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="padding: 10px; border-color: rgb(31, 33, 37);">970 × 250</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td><td style="padding: 10px; border-color: rgb(31, 33, 37);">1920 × 1080</td><td style="padding: 10px; border-color: rgb(31, 33, 37);"> </td></tr></tbody></table>

<span style="text-decoration: underline;">**VIDEO SPECIFICATIONS**</span>

<table border="1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**<span style="color: rgb(141, 93, 217);">VIDEO REQUIREMENT</span>**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">**<span style="color: rgb(141, 93, 217);">GUIDANCE</span>**</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">Recommended file size</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Less than 15 MB</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">Recommended duration</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">6–15 seconds</td></tr></tbody></table>

---

##### <span style="color: rgb(141, 93, 217);">**▶️ IN-BANNER VIDEO**</span>

In-banner video places a video inside a display banner.

<table border="1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**REQUIREMENT**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**DETAILS**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">File type</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">.MP4</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">Aspect ratio</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">4:3</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">Maximum size</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">5 MB</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">Recommended duration</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Up to 30 seconds</td></tr></tbody></table>

Also provide:

- A short description
- CTA wording
- An optional 300 × 250 companion banner in .PNG, .JPG or finished HTML5 format

---

##### <span style="color: rgb(141, 93, 217);">**🎬 VAST VIDEO**</span>

VAST is a standard method used to deliver video ads across compatible websites and apps.

<table border="1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**REQUIREMENT**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**DETAILS**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**File type**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">.MP4</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Aspect ratio**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">16:9</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Maximum size**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">5 MB</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Recommended duration**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Up to 30 seconds</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Maximum duration**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">6 minutes</td></tr></tbody></table>

Also provide:

- A short description
- CTA wording
- An optional 300 × 250 companion banner in .PNG, .JPG or finished HTML5 format

---

##### <span style="color: rgb(141, 93, 217);">**🎁 REWARDED VIDEO**</span>

Rewarded video gives a user an in-app reward for watching the advert.

<table border="1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**REQUIREMENT**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**DETAILS**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**File type**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">.MP4</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Dimensions**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">320 × 480 or 480 × 320</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Maximum size**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">5 MB</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Recommended duration**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">Up to 30 seconds</td></tr></tbody></table>

Also provide:

- A short description
- CTA wording
- An optional 300 × 250 companion banner in .PNG, .JPG or finished HTML5 format

---

##### <span style="color: rgb(141, 93, 217);">**📺 CONNECTED TV ADS** </span>

Connected TV, also called CTV, refers to video advertising shown through internet-connected television services and devices.

<table border="1" style="border-collapse: collapse; width: 100%; height: 238.375px; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><th class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**REQUIREMENT**</span></th><th class="align-left" style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**DETAILS**</span></th></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Accepted file**</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">.MP4</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Alternative delivery**</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">External VAST URL without VPAID</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Dimensions**</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">1920 × 1080</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Recommended size**</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">Up to 45 MB</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Maximum size**</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">100 MB</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Recommended duration**</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">Up to 30 seconds</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">**Maximum duration**</td><td style="height: 29.7969px; padding: 10px; border-color: rgb(31, 33, 37);">1 minute</td></tr></tbody></table>

*\*VPAID and OMID are not supported. This means viewability cannot be tracked using these technologies.*

---

##### <span style="color: rgb(141, 93, 217);">**🔊 AUDIO ADS**</span>

<table border="1" style="border-collapse: collapse; width: 100%; background-color: rgb(241, 241, 246); border: 1px solid rgb(31, 33, 37);"><colgroup><col style="width: 50.0596%;"></col><col style="width: 50.0596%;"></col></colgroup><tbody><tr><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**REQUIREMENT**</span></th><th class="align-left" style="padding: 10px; border-color: rgb(31, 33, 37);"><span style="color: rgb(141, 93, 217);">**DETAILS**</span></th></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Accepted files**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">.MP3, .WAV, .WMA or .OGG</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Minimum bitrate**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">128 kbps</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Maximum size**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">50 MB</td></tr><tr><td style="padding: 10px; border-color: rgb(31, 33, 37);">**Recommended duration**</td><td style="padding: 10px; border-color: rgb(31, 33, 37);">15–30 seconds</td></tr></tbody></table>

*\*Some limited inventory supports audio up to 60 seconds. Confirm availability before promising a longer execution.*

---

##### <span style="color: rgb(141, 93, 217);">**⏭️ YOUTUBE BUMPER ADS**</span>

A bumper ad is a short YouTube video advert.

<span style="text-decoration: underline;">**REQUIREMENTS**</span>

- The video must be no longer than 6 seconds
- The final video must be uploaded to YouTube
- The YouTube video link must be provided

---

##### <span style="color: rgb(141, 93, 217);">**📹 YOUTUBE IN-STREAM ADS**</span>

<span style="text-decoration: underline;">**REQUIREMENTS**</span>

- Recommended video duration: 15, 20 or 30 seconds
- The final video must be uploaded to YouTube
- The YouTube video link must be provided

</details>---