Desktop Midscroll Image (Fullscreen)

Examples

Adore

Creative dimension

2560 x 1440px

Ad Viewport

Width: 100% of browser width
Height: 80% or 100% of browser height

Safe Zones

explainer_format_midscroll desktop

In order to ensure your important content (text, logos, CTAs etc) is visible on all screens and devices, please follow the guidelines on the validation tool below:

Safe Zone Tool.

Note: Some publisher sites have a nav bar that covers the top of the creative - please check the publisher guidelines and make additional allowances with your safe zones if required.

Format description and guidance

Miscroll is a high impact responsive format that appears at the top of a publisher page (before page content).
It is typically served to appear at 80% of the available browser window height, but can be up to 100%. To confirm the correct height please reach out to your contact within the respective publisher.

Max total file weight

100 KB - 200 KB

Asset types

JPG, PNG or WEBP

Click tags and tracking

For Adnami hosted creative, see our clicktags and tracking guide.
For creatives hosted using 3rd party tags, use the appropriate click methods and trackers for that provider examples.

Template Details

Automatically synced on 2026-02-11T14:27:19.574Z. This section documents the canvases, banner templates, and trafficking controls directly from the source configs.

Canvases: Desktop Midscroll
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
ParameterPurposeDefault / ChoicesNotes
Click UrlDestination URL triggered when the user interacts with this element. Include https:// and any tracking parameters.
ImageUpload the image asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits.Required
Image Settings
ParameterPurposeDefault / ChoicesNotes
Scaling ModeSets 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 PointControls 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 ColourDependant on the scaling mode, this colour will be visible in the behind the if there is any empty space.#00000000
Overlay 1
ParameterPurposeDefault / ChoicesNotes
AssetUpload 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.
WidthWidth 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
HeightHeight 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%
PositionPosition 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
ParameterPurposeDefault / ChoicesNotes
AssetUpload 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.
WidthWidth 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
HeightHeight 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
PositionPosition 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
ParameterPurposeDefault / ChoicesNotes
TextCopy displayed in the creative for this field. Keep it concise for readability on smaller screens.
Font SizeDefine the font size using responsive CSS units (px, %, vw, vh) so it scales across screens.1vw
PositionPosition 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 ColourHex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends.#ffffff
FontSelect the font option from the list to control how the template behaves.sans-serif | choices: sans-serif, serif, monospace, impact
Overlay Config
ParameterPurposeDefault / ChoicesNotes
Vertical OffsetFor 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 OffsetFor 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