A banner template for the Sidebar format, that allows for the easy creation of a simple Sidebar creative, using just an image. Alternatively you can use our Image with Overlays template to add responsively positioned overlays on top of an image background.
Examples
Format Specs
1080x1920 (9:16) (JPG, WEBP, PNG, max 1mb)
Format description and guidance
To create an Image Sidebar, create a new Sidebar, and then select "Image" as the Banner type. Set your landing page as the Click URL, and upload your Image.
If using the "Cover" scaling mode, be advised that the sides of your image may appear cropped on some screens, so keep key elements towards the center of the asset. Alternatively, "Contain" can be used to ensure that no part of the asset is cropped, and a background colour can be added to fill any empty space.
Max total file weight
1MB recommended, (max 3.5MB)
For best performance, all assets should be compressed and optimized to the lowest possible file weight.
Template Details
Automatically synced on 2026-02-11T14:27:19.603Z. This section documents the canvases, banner templates, and trafficking controls directly from the source configs.
Canvases: Sidebar
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 |