Portal consists of screens (such as the foreground and background) arranged as pages.

Pages on the Page menu

PSDs

To understand the portal format better, refer to the different PSDs given below.

Portal Desktop Creative Reference PSD

Portal Mobile Creative Reference PSD

Portal Tablet Creative Reference PSD

Abridged Portal Creative Reference PSD

Variations

Regular Portal - 250px high, extends to full browser width

High Portal - 600px high

Abridged Portal - restricted to page article width

Portal Dimensions

Here are the dimensions of the creative components for the different types of portals:

Portal Mobile Page Dimensions
Foreground unit: 320(w) x 250(h) pixels(Transparent Background)
Background unit: 320(w) x 620(h) pixels

Portal Tablet Page Dimensions
Foreground unit: 768(w) x 300(h) pixels(Transparent Background)
Background unit: 768(w) x 1024(h) pixels

Portal Desktop Page Dimensions
Foreground unit: 970(w) x 300(h) pixels(Transparent Background)
Background unit: 1440(w) x 900(h) pixels

High Portal Desktop Page Dimensions
Foreground unit: 970(w) x 600(h) pixels(Transparent Background)
Background unit: 1440(w) x 900(h) pixels

Abridged Portal Desktop Page Dimensions
Foreground unit: 600(w) x 375(h) pixels(Transparent Background)
Background unit: 600(w) x 900(h) pixels

Background safe zone: 110px from the bottom of the background image.


Creatives should be supplied in double the resolution to cater to retina devices.

Compatibility

We’ve tested numerous creatives to see how they fare with the Portal format. The format works best on:

  • Environment - Web

  • Platform - Mobile & Tablet(iOS 10+, Android 5+) and Desktop (Win 10, Win 8, Win 7)

  • Desktop Browser - Latest two versions of Chrome, Safari & Firefox

  • Internet Explorer & Edge are not supported, the fallback method will be rendered on these browsers.

  • Safe Frame - Not supported

Supported Elements

The following table displays the functionality of the elements on the creative components in Portal format.

Element

Page Type Supported

Text

Foreground and Background

Button

Foreground and Background

Hotspot

Foreground and Background

Image

Foreground and Background

Video

Foreground and Background

Gallery

Foreground

Working with assets

While working with images, we recommend you to do the following:

  • Supported image file types - JPEG, PNG & GIF although we don’t recommend GIFs unless in a pinch.

  • Request a layered PSD rather than a flat image, this will allow for parallax or animation effects.

  • Only images that require transparency should be saved as PNG. All other images should be saved as JPG to reduce file size.

    • You can further compress the size of a PNG file using web tools such as Tiny PNG or ImageOptim.

  • Portal ads should be 500kb or less excluding video. The smaller the size, the more likely the ad is to load quickly.

While working with videos, we recommend you to do the following:

  • MP4 format using the H.264 codec.

    • As a precaution, Bonzai recommends the maximum video file size of 2 megabytes (MB) to comply with the various publisher specs. Please check with your publisher for more information on the optimal video file size.

  • 6 - 30 seconds duration

  • 4:3 or 16:9 aspect ratio

Serving Container

The Portal format is scroll-based, we recommend to add the container below the initial fold of the website. The serving container for the creative varies as per the device it is designed for.

  • Desktop: Leaderboard, Billboard, and Horizontal Middle Page Unit (MPU)

  • Tablet: Leaderboard, Billboard, and Horizontal Middle Page Unit (MPU)

  • Mobile: MREC and Middle Page Unit (MPU)

The dimension of the leaderboard is 728(w) x 90(h) pixels.

Did this answer your question?