Guide to skins
- 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
Recommended default creative dimensions
Side Panels:
Width: 800px (100% width)
Height: 1440px (100% height)
Top Banner:
HTML5: width: 1280px (100% width), height: 180px (100% height)* (HTML Zip File or 3rd Party Tag)
Top Banner sizes vary across publishers and between countries, so please read carefully to ensure your assets are produced correctly.
For HTML5 Top Banners, the creative width must be responsive (width: 100%) up to a maximum width of 1280 pixels. The height will match the billboard height from the list below. If the width of your top banner is not responsive, there may be empty space visible between the top banner and side panels on some sites.
Billboard placement sizes by country:
- 🇩🇪 DE: 1000x250px
- 🇩🇰 DK: 930x180px
- 🇫🇮 FI: 1000x400px
- 🇫🇷 FR: 970x250px
- 🇳🇴 NO: 980x300px
- 🇸🇪 SE: 1000x240px
- 🇬🇧 UK: 970x250px
Format description and guidance
Fluid skins are a responsive high impact format, composed of three individual HTML5 panels - a left panel, a right panel (the side panels), and a top banner. The side panels fill the space between the sides of the page content and the window edge, and scale responsively with the height and width of the browser. The topbanner fills the gap between the side panels, above the page content. The content within each panel should scale responsively based on the width and height of the individual panels. For more information about building responsive creative, check out of Guide to Responsive HTML and building responsive creative guide.
All creative assets (images, videos, scripts etc) used by your banner must be included within the creative Zip-file. Linking to assets hosted on external severs is not permitted, and may result in your ad being blocked by some vendors. The only exception to this rule is for webfonts hosted by fonts libraries for licensing purposes, such as Adobe Typekit, Google Fonts, MyFonts etc.
Creative Lab Webinars
Join our resident Head of Creative, John Feltham, as he walks through the process of building creatives using HTML5.
Getting hands on with responsive HTML5
Max total file weight
3.5 MB.
For best performance, all assets should be compressed and optimized to the lowest possible file weight.
Animation
Maximum of 5 loops.
Maximum animation time 30 seconds (may vary by publisher).
Asset type
Responsive HTML5 (either Adnami hosted by sharing a zip-file or served via 3rd party tags).
HTML must be minified and optimized for polite load.
Click tags and tracking
For Adnami hosted creatives, see our clicktags and tracking guide.
For creatives hosted using 3rd party tags, use the appropriate click methods and trackers for that provider examples.
Audio
User-initiated.