> For the complete documentation index, see [llms.txt](https://help.rzr.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.rzr.com/readme/creative-resources/ad-format-overview/banner-ads.md).

# Banner Ads

Our banners are Mobile Rich Media Ad (MRAID) compatible and can be used to serve fixed **size** or **responsive banners** using either a single **static image** or a **dynamic animated** HTML creative produced by our creative team.

* <mark style="color:$primary;">**FIXED SIZE:**</mark> Creatives are set up to use an **exact width and height value** and will only serve into ad placements which **match this size exactly**.
* <mark style="color:$primary;">**RESPONSIVE SIZE:**</mark> Creatives are set up with a minimum and maximum width and height, meaning they can be **rendered into a wider range of ad placements** while maintaining the designs proportions and layout using responsive rules on each layer of the design.
* <mark style="color:$primary;">**STATIC:**</mark> The creative has **no animated properties**. Static creatives can be made from a single image or from multiple layers in Aarki Studio so that it is still responsive.
* <mark style="color:$primary;">**ANIMATED:**</mark> The creative **uses movement and interaction** to make the design more engaging. Animated creatives can be created using either animated image formats such as .GIF or by our creative team in Aarki Studio.

<figure><img src="https://1430240588-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fteyfuu1HEyCSzBN3HWHZ%2Fuploads%2FYEhNJ4dtStRThQaW0HLr%2FBanner-example.png?alt=media&amp;token=9fe56011-a5ba-42c0-be43-94663075cf93" alt=""><figcaption></figcaption></figure>

***

### <mark style="color:$primary;">Requirements for Assets Designed by Client</mark>

#### Ad Creative Specs

**Dimensions**

Recommended to share double-density creatives

* Small Rectangle

<table><thead><tr><th width="310.4375">Responsiveness</th><th>Image Size (px)</th></tr></thead><tbody><tr><td>Fixed</td><td><ul><li>640x100</li><li>600x100</li><li>750x100</li><li>936x120</li></ul></td></tr><tr><td>Responsive</td><td>936x120</td></tr></tbody></table>

* Medium Rectangle

<table><thead><tr><th width="310.1484375">Responsiveness</th><th>Image Size (px)</th></tr></thead><tbody><tr><td>Fixed</td><td><ul><li>728x90</li><li>970x90</li><li>1024x90</li></ul></td></tr><tr><td>Responsive</td><td>1094x90</td></tr></tbody></table>

* Square

<table><thead><tr><th width="310.453125">Responsiveness</th><th>Image Size (px)</th></tr></thead><tbody><tr><td>Fixed</td><td><ul><li>400x400</li><li>500x500</li><li>600x500</li><li>672x560</li></ul></td></tr><tr><td>Responsive</td><td>672x560</td></tr></tbody></table>

**File Format**

* .JPG
* .PNG
* .GIF

**Max File Size**

* <1 MB

<mark style="color:$danger;">**Note:**</mark> Files remain unedited and must strictly adhere to the listed image sizes.

<mark style="color:blue;">**💡 Tip**</mark>&#x20;

* Given that both fixed and responsive can incorporate <mark style="color:$primary;">**static and animated assets**</mark>, it is recommended to provide all compatible file formats for maximum effectiveness.
* Among these, the <mark style="color:$primary;">**.GIF format**</mark> is recommended as it can handle both fixed-animated and responsive-animated ads, making it an efficient and adaptable choice for dynamic placements.
* Only <mark style="color:$primary;">**.PNG and .JPG formats**</mark> are compatible with fixed-static and responsive-static ads. They do not support animation and are strictly for static assets.

***

### <mark style="color:$primary;">Requirements for Assets Designed by RZR Creative</mark>

#### General Asset Requirements

High resolution and Brand Assets (must be at least 150-300 DPI)

* Key Arts
* Logos
* Splash Screen
* App UI
* Marketing Collaterals
* Font Files
* Screen Captures & Recordings
* Brand Guideline

File Formats

* Layered PSD or PSB files

***

### <mark style="color:$primary;">How to Preview</mark>

**Banner Presets**

* Select the correct banner size according to what is indicated in the creative name: Mobile, Mobile Large, or Tablet. As a guide:
  * 320x50 - Mobile
  * 300X250 - Mobile Large
  * 728x90 - Tablet

<div align="left"><figure><img src="https://1430240588-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fteyfuu1HEyCSzBN3HWHZ%2Fuploads%2FlDtzjwklo2yzr6eiXB73%2Fhelp%20page_creative_banner_preview-banner%20preset.png?alt=media&amp;token=9d49e550-5562-407c-93c0-8f1d57217073" alt=""><figcaption></figcaption></figure></div>

**Orientation**

* For banners, this should always be set to LANDSCAPE

<div align="left"><figure><img src="https://1430240588-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fteyfuu1HEyCSzBN3HWHZ%2Fuploads%2FNrWzdOZSorOwFypFlchE%2Fhelp%20page_creative_banner_preview-orientation.png?alt=media&amp;token=3facbff8-1d0e-4b0a-91ed-ed589a694762" alt=""><figcaption></figcaption></figure></div>

**Variants**

* Click on the arrows to preview the different variants in the creative (if any)

<div align="left"><figure><img src="https://1430240588-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fteyfuu1HEyCSzBN3HWHZ%2Fuploads%2Fj1goPcrfqTh5SVmgqkxE%2Fhelp%20page_creative_banner_preview-2.png?alt=media&amp;token=bc02ebc7-0e81-45e1-bb7f-8627b2b1714c" alt=""><figcaption></figcaption></figure></div>

**Sample Banner Ad**

<div align="left"><figure><img src="https://1430240588-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fteyfuu1HEyCSzBN3HWHZ%2Fuploads%2Fbsz2CZqtGg3AFGeRjkus%2Fhelp%20page_creative_banner_preview-sample.png?alt=media&amp;token=9c9faa3c-2e21-43ad-8a2f-86253e045e79" alt=""><figcaption></figcaption></figure></div>

***

This page covers the complete specs and setup details for banner ad creatives. Review each section to make sure your assets meet RZR's size, format, and file requirements before submitting.

Need a hand getting your banner ads configured? Reach out to your RZR Account Manager or Account Coordinator and we'll help.