Skip to main content
All CollectionsPlayable Ads
Ad design guide: High Impact - Midscroll Desktop
Ad design guide: High Impact - Midscroll Desktop

Content recommendations for a Playable ad using Desktop Midscroll format

Mads Lyse Nielsen avatar
Written by Mads Lyse Nielsen
Updated over a month ago

This guide will help you design responsive ads for Midscroll format on desktop.

Viewport height

Responsive ads typically takes up 80% of the screen height. As this is the most common format, our recommendations are tailored to this viewport height. Keep in mind that this can be different from one publisher to another!

Graphical assets

Background size

The recommended background size is 2560x1440px (16:9 aspect ratio) for optimal quality across different screen resolutions.

Game assets

Asset recommendations may vary based on the game type. Please refer to the game specific design guides for detailed recommendations.

General

Screen size

Topscroll is a responsive format that is designed to adapt across screen sizes.

To ensure your ad is readable across most leading desktop screen sizes, we advice that you optimize your design (including safe zones) for 1366x768px, which is one of the most common screen sizes.

The above image example emphasizes the importance of keeping critical content like logos, text, and call-to-action button away from the exclusion zone. The recommended safe zones are highlighted on the sides.

On a 1366x768px screen size, the usable space for your design is approximately 450px.


Taking the above guidelines into consideration can contribute to ensure a seamless user experience across various screen sizes. Summing up, we advice you always keep the following in mind when building responsive Playable ads:

  • Background size: Use a background size of 2560x1440px (16:9 aspect ratio) for optimal quality across different screen resolutions.

  • Screen size: Optimize designs for 1366x768px, one of the most common desktop resolutions.

  • Safe Zones & Exclusion Zones: Avoid placing important elements (text, logos, CTAs) in the bottom-center exclusion zone. Keep key content in the safe zones.

Did this answer your question?