A banner template for the Desktop 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
Format Specs
2560x1440 (16:9), JPG, PNG or WEBP
Ad Viewport
Width: 100% of window width
Height: Varies according to publisher & creative requirements. Default is 80% of window height, but can also be set to 100%, 50% or 30% of window height.
Safe zones
In order to ensure your important content (text, logos, CTAs etc) is visible on all screens and devices, please follow the guidelines on the Safe Zone Tool.
Note: These recommended safe zones are for the default creative height of 80% - for creative heights less than 80%, then the safe zones should be adjusted proportionally. See additional guidance below.
Format description and guidance
To create a Desktop Image Topscroll, create a new Desktop Topscroll, and then select "Image" as the Banner type. Set your landing page as the Click URL, and upload your image.
To ensure correct behaviour for this format, set Image Scaling Mode to "cover", and set Image Anchor Point to "top-center".
Guidance for different viewport heights
Our specs and safe zones 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 Height | Asset Size | Safe Zone |
| 100% | 2560x1440 | 85% from top |
| 80% (default) | 2560x1440 | 65% from top |
| 50% | 2560x720 | 90% from top |
| 30% | 2560x720 | 55% from top |
Max total file weight
100 KB - 200 KB
Template Details
Automatically synced on 2026-02-11T14:27:19.461Z. This section documents the canvases, banner templates, and trafficking controls directly from the source configs.
Canvases: Desktop Topscroll
Banner templates: Image
Use the tables below to configure the linked banner templates. Each parameter definition is pulled straight from the template config, ensuring the spec always documents the latest functionality.
Image
A responsive template for images with optional overlays. · Version 2.0.0
General
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Click Url | Destination URL triggered when the user interacts with this element. Include https:// and any tracking parameters. | ||
| Image | Upload the image asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. | Required |
Image Settings
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Scaling Mode | Sets the scaling behaviour of the image, determining whether it will appear cropped or not. | cover | choices: cover, contain, fit to width, fit to height, original size | |
| Image Anchor Point | Controls how the image anchor point aligns inside the frame. Pick the focal point that keeps the subject in view. | mid-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right | |
| Background Colour | Dependant on the scaling mode, this colour will be visible in the behind the if there is any empty space. | #00000000 |
Overlay 1
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Asset | Upload the overlay asset (JPG, PNG, or WEBP). Overlays render with object-fit: contain, so they will not crop and do not require extra safe-zone padding. | ||
| Width | Width of the overlay, use a responsive unit such as 'vw', 'vh', or '%' to ensure it scales with the banner. To derrive the width from the height, use 'auto'. | auto | |
| Height | Height of the overlay, use a responsive unit such as 'vw', 'vh', or '%' to ensure it scales with the banner. To derrive the height from the width, use 'auto'. | 10% | |
| Position | Position of the overlay, relative to the banner. For left & right positions, the horizontal offset can be modify to set the distance from the respective edge. Likewise for top & bottom positions, the vertical offset will be used. | top-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right |
Overlay 2
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Asset | Upload the overlay asset (JPG, PNG, or WEBP). Overlays render with object-fit: contain, so they will not crop and do not require extra safe-zone padding. | ||
| Width | Width of the overlay, use a responsive unit such as 'vw', 'vh', or '%' to ensure it scales with the banner. To derrive the width from the height, use 'auto'. | auto | |
| Height | Height of the overlay, use a responsive unit such as 'vw', 'vh', or '%' to ensure it scales with the banner. To derrive the height from the width, use 'auto'. | 10vh | |
| Position | Position of the overlay, relative to the banner. For left & right positions, the horizontal offset can be modify to set the distance from the respective edge. Likewise for top & bottom positions, the vertical offset will be used. | bot-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right |
Text Overlay
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Text | Copy displayed in the creative for this field. Keep it concise for readability on smaller screens. | ||
| Font Size | Define the font size using responsive CSS units (px, %, vw, vh) so it scales across screens. | 1vw | |
| Position | Position of the overlay, relative to the banner. For left & right positions, the horizontal offset can be modify to set the distance from the respective edge. Likewise for top & bottom positions, the vertical offset will be used. | bot-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right | |
| Text Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #ffffff | |
| Font | Select the font option from the list to control how the template behaves. | sans-serif | choices: sans-serif, serif, monospace, impact |
Overlay Config
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Vertical Offset | For top & bottom positioned overlays, the vertical offset will be used how far away from the top/bottom edges of the banner the asset will appear. | 12vh | |
| Horizontal Offset | For left & right positioned overlays, the horizontal offset will be used how far away from the left/right edges of the banner the asset will appear. | 5vh |