Image Sizes

Contents

Image Template for Member-Facing Images
Member Profile Banner
Loot Locker Images
Background Image
Info Modal Image

Image Template for Member-Facing Images

This template is a 1200x800 image with a safe-zone of 800x600, centered. If you keep important images and text inside the safe zone, a single image will work effectively as a Loot Locker image, a Prize Pool or Auction image and a Member Profile Banner. Please note that the Microsite (primarily used for non-members) has different image requirements. You can use this template for all-member facing images with the exception of background images.

Download the PSD file.

Member Profile Banner

Member profile banners will appear behind the member login on their profile page. They are sliders and they can contain clickable URLs.

Recommended size: 1200x600 or 1200x800.

Note that user's point tiles may overlay the bottom portion of the banner. See image for reference.

Loot Locker Image

Loot Locker images can be added to items in the Loot Locker. You can add multiple images. When a listener views a page that displays Loot Locker images, multiple images will rotate. 

Recommended size: 1200x900, but be aware that on laptops or larger screens, these images will scale dynamically to a roughly 4:1 ratio, or 1200x300, so don't use Loot Locker images for detailed messaging.

Background Image

Background images will appear on the Microsite. The Microsite is where non-members will interact with any contests that are not text-based. (Members can optionally interact on the Microsite too.)

Recommended size: 1920x1080.

They will size dynamically based on the size of the user's device, so do not use backgrounds for important text or images. Symmetrical images and lifestyle images work well, as do textures. Different elements will hover over the background as the user moves through the registration process. 

Info Modal Image

The Info Modal Image is an optional image that appears when the user taps the info modal button. The info modal button, also optional, appears at the top of every screen on the Microsite. 

Recommended Size: Flexible and will size dynamically, but recommended size is 1200x600 or 1200x800. In most cases, this will be accessed via mobile, and actual display size will be smaller.

The info modal button is pictured here:

And the Info Modal Image is pictured here (this window opens after the user taps the button):