Mobile Topscroll Image

A banner template for the Mobile Topscroll format, that allows for the easy creation of a simple topscroll creative, using just an image. For best results, images should be created using our Safe Zone Tool.

Examples

Advance

Format Specs

1080x1920, JPG, PNG or GIF

Format description and guidance

To create a Mobile Image Topscroll, create a new Mobile Topscroll, and then select “Image” as the Banner type. Set your landing page as the Click URL, and upload your image.

To ensure correct scaling of images with this format, set Image Scaling Mode to “fit to width”, and set the Image Anchor Point to “top-center”.

Ad Viewport

The creative image fills the width and height of the screen. However, only a portion of it will be visible at any given time and will be revealed as you scroll (known as the viewport). This format has a viewport width of 100%, and depending on the preferences of the publisher, either 50%, 80% or 100% of the screen height. The most common viewport height is 80%.

Safezones

In order to ensure key content elements (messaging, logos, CTAs etc) are visible across all screens and devices, please follow the guidelines on the validation tool below:

Safe Zone Tool.

Note: These recommended safezones are for the default creative height of 80% - for creative heights less than 80%, then the safezones should be adjusted proportionally. See additional guidance below.

explainer_format_topscroll mobile

Guidance for different viewport heights

Our specs and safezones are designed around our default "80%" height topscroll, however it's important to always check whether any of the publishers on your plan have restrictions on creative height before starting to design your creative. See our recommendations below for creating assets for different creative heights:

Creative HeightAsset SizeSafezone
100%1080x192090% from top
80% (default)1080x192065% from top
50%1080x96090% from top
30%1080x96055% from top

Max total file weight

100 KB - 200 KB