Seamless Switching Skin

Set up campaign Book demo Safe Zone tool

A template for seamless skin that allows for the easy creation of a switching skin creative. The template requires three sets of assets (background image, side overlay, hover button, top banner), with an interactive "switching" transition when the user hovers over one of three buttons on the right side of the skin.

For more information please see our Guide to Skins, which covers:

  • The key differences between our Seamless Skin & Fluid Skin formats
  • The basics for designing assets for using within the our skin templates
  • Tips and best practice for using overlays  

Examples

Adventure Travel

Recommended default creative dimensions

 Swapping Content (x3)

  • Background Image:
    2560x1440px (JPG or WEBP)
  • Side Overlay:
    Maximum size of 800x1440px (PNG or WEBP with transparent background)
  • Button:
    350x350, PNG with transparent background.
  • Top Banner Overlay (optional):
    Maximum size of 1000x180px* (PNG or WEBP 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. Always confirm top banner sizes with the publishers on your plan before creating skin assets.

CTA Button:
200x80, PNG, SVG or WEBP

Logo:
400x250 (or similar), PNG, JPG, SVG, or WEBP

swapping_skin

Format description and guidance

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 or artwork (logos, messaging, CTA etc) should be implemented as part of the overlays.

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

The template allows for separate logo and CTA elements to be added on the left side of the skin, and the instruction text on the right side is editable to allow you to customise or localise the creative as necessary. The colour of the instruction text and arrow animation can also be customised.

Max total file weight

3.5 MB.

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

Click tags and tracking

The template supports four individual clickURL & trackers - one for each of the skin backgrounds, and another for the top banner.

Audio

No