Sliding Skin

Set up campaign Book demo Safe Zone tool

A template for Seamless skin, that allows for the easy creation of a Sliding skin creative. The format allows for two background assets to be uploaded, with a "sliding" interactive mouse effect that transitions from one assset to the other. A single pair of overlays are then added on top, to allow static content to be responsively placed on the sides of the skin.

Guide to skins

The guide covers:

- The difference between our Seamless Skin & Fluid Skin formats
- The respective templates (i.e. Seamless Image Skin, Seamless Sliding Skin, Fluid Skin Image, Fluid Skin Video, etc.) within our Seamless & Fluid Skin formats
- Tips and best practice for using overlays  

Examples

Adventure

Maybeline

Recommended default creative dimensions

Skin Background

  • Background Assets:
    2560x1440px (JPG) or 1920x1080px (MP4)
  • Side Overlays:
    Maximum size of 800x1440px (PNG with transparent background)

Top Banner

  • Top Overlay:
    Maximum size of 1000x180px* (PNG with transparent background)

*Top banner height varies by country:
DK: 180px, FI: 400px, NO: 300px, SE: 240px, UK: 250px.

Top banner dimensions can also vary from publisher to publisher. You should always confirm specs with the publishers on your plan before creating skin assets.

Format description and guidance

A template that allows for the easy creation of a “sliding skin” style creative. The format allows two assets (image or video) to be uploaded, with an interactive (mouse hover) sliding mechanic that moves the boundary between the two assets. Overlay images are then added on top, to add static branding and messaging elements to the sides and top of the skin.

Avoid placing any text or logos on the sides or edges of the background assets, as they could appear cropped on smaller screen sizes. All "key" static elements (logos, messaging, CTA etc) should be on the overlay assets.

The specs for the format are flexible, allowing the size and position of the overlays to be customized. For best results, export the overlay assets without any excess empty space around the edges - this allows the template to handle the overlay scaling and placement more effectively.

Max total file weight

3.5 MB.

For best performance, all assets should be compressed and optimized to the lowest possible file weight. We recommend using tinypng.com to compress PNG overlays.

Click tags and tracking

The template supports two separate clickURL & trackers - one for the main skin body, and another for the top banner.

Audio

No