Looking for video specs? Click here for video specs


Key

iOS = Apple products

OTT = Over the Top devices (Roku, Apple TV, Xbox).


Overview

The following is a guide on all images used in Media Manager. Please follow the guidelines to ensure that your images display correctly.

ImageDetailsExample
Show logo white, current implementation
  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #ffffff
  • Alignment: Bottom aligned
Show logo black, current implementation
  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #000000
  • Alignment: Bottom aligned
Show poster, current implementation
  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3
Mezzanine 16x9, current implementation
  • Dimensions: 1920 x 1080
  • File type: JPG
  • Aspect ratio: 16:9

Banner, current implementation
  • Dimensions: 1920x486
  • File type: JPG

 

Showcase, current implementation
  • Dimensions: 2000x732
  • File type: JPG

 

Show logo white

Where it appears

Details

Example (click image to enlarge)

PBS.org Homepage Carousel

  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #ffffff
  • Alignment: Bottom aligned

PBS.org Show Page Carousel

  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #ffffff
  • Alignment: Bottom aligned

iOS App Tablet - Show Detail Page, Current Implementation

  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #ffffff
  • Alignment: Bottom aligned

iOS App Tablet - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)

  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Color: #ffffff
  • Alignment: Left-aligned horizontally, center-aligned vertically

Android App Tablet - Show Detail Page, Current Implementation

  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #ffffff
  • Alignment: Bottom aligned

Android App Tablet - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)
  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Color: #ffffff
  • Alignment: Left-aligned horizontally, center-aligned vertically

OTT Roku - Show Detail Page, Current Implementation

  • White text for show name

OTT Roku - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)

  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Color: #ffffff
  • Alignment: Left-aligned horizontally, center-aligned vertically

Apple TV 2.0/Universal OTT Dark Theme - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)
  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Color: #ffffff
  • Alignment: Left-aligned horizontally, center-aligned vertically

Show logo black

Where it appears

Details

Example

Station Video Portal Show Page

  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #000000
  • Alignment: Bottom aligned

iOS App Handset - Show Detail Page, Current Implementation

  • Black Text for Show Name

iOS App Handset - Show Detail Page, Future Implementation

N/AWe will no longer be actively using black logos for the iOS App on Handset and instead moving to using color logos. If no color logo is available, the black logo is used as a backfill (the design team is currently undergoing a process to upload all shows with missing color logos with the black versions of their logos). See "Show logo color" section below.

Android App Handset - Show Detail Page, Current Implementation

  • Black Text for Show Name

Android App Handset - Show Detail Page, Future Implementation

N/AWe will no longer be actively using black logos for the Android App on Handset and instead moving to using color logos. If no color logo is available, the black logo is used as a backfill (the design team is currently undergoing a process to upload all shows with missing color logos with the black versions of their logos). See "Show logo color" section below.

Show logo color

Where it appearsDetailsExample

iOS App - Show Detail Page Handset, Current Implementation

  • Black Text for Show Name

iOS App Handset - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)

  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Full color logo
  • Alignment: Left-aligned horizontally, center-aligned vertically

The design team is currently undergoing a process to upload all shows with missing color logos with the black versions of their logos. An example of this is shown above with Downton Abbey.

Android App Handset - Show Detail Page, Current Implementation

  • Black Text for Show Name

Android App Handset - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)

  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Full color logo
  • Alignment: Left-aligned horizontally, center-aligned vertically

If no color logo is available, the black logo is used as a backfill (the design team is currently undergoing a process to upload all shows with missing color logos with the black versions of their logos). An example of this is shown above with Downton Abbey.

Apple TV 2.0/Universal OTT Light Theme - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)
  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Full color logo
  • Alignment: Left-aligned horizontally, center-aligned vertically

If no color logo is available, the black logo is used as a backfill (the design team is currently undergoing a process to upload all shows with missing color logos with the black versions of their logos). An example of this is shown above with Downton Abbey.


Show poster

Where it appears

Details

Example

PBS.org Homepage - Watch Shows

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

PBS.org Shows Landing Page

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

PBS.org Shows Dropdown - Featured Show

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

PBS.org Search Results

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

PBS.org You May Also Like (on Single Episode Pages)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App - User Favorite Shows on Home Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App - User Favorite Shows on Home Page, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App - User Favorite Shows Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App - Shows By Genre Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App Tablet - All Shows, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App Tablet - Show Detail Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App Tablet - Show Detail Page, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App - Search Results, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Android App - User Favorite Shows Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Android App Tablet - Show Detail Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Android App Tablet - Show Detail Page, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Roku - Home, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Roku - Shows, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Roku - Show Detail Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Roku - Show Detail Page, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Android TV - Home, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Android TV - More Shows, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Android TV - Show Detail Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Android TV - Show Detail Page, Future Implementation (Post Core-Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Apple TV 2.0/Universal OTT - Home, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Apple TV 2.0/Universal OTT - User Favorite Shows, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Apple TV 2.0/Universal OTT - Shows, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Apple TV 2.0/Universal OTT - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Apple TV 2.0/Universal OTT - Search, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Mezzanine 16x9

Where it appears

Details

Example

OTT Apple TV - Show Detail Page (Older software)

  • Dimensions: 1920 x 1080
  • File type: JPG

Station Video Portal Homepage - Featured Shows

  • Dimensions: 1920 x 1080
  • File type: JPG

Station Video Portal Homepage - Show Page

  • Dimensions: 1920 x 1080
  • File type: JPG

Station Video Portal Homepage - More Shows

  • Dimensions: 1920 x 1080
  • File type: JPG

Banner

Where it appears

Details

Example

OTT Apple TV - Show Detail Page (Older software)

  • Dimensions: 1920x486
  • File type: JPG
  • No show logo baked in

Showcase

Where it appears

Details

Example

OTT - Apple TV (Older software)

  • Dimensions: 2000x732
  • File type: JPG

Stack Image

Please submit a support ticket to have your stack images added to your station video portal. Include the show name and 380x212 stack image file. Do not enter stack images in the Media Manager console.


Where it appears

Details

Example
  • All show-related carousels

  • All Shows page (i.e. Featured Shows on VP homepage)

  • Dimensions: 380x212px
  • File type: JPG