Sardius MediaSupport

Overlays Locations and Best Image Sizes

Updated

You have the option to pick a location to show overlays. Overlays can appear in various places on the player. Below is a grid of where they would appear

overlays

Overlay Locations at a Glance

The table below shows each overlay position, where it lands on the player, a common example of what you might put there, and the recommended max-fill dimensions.

LocationWhere It Appears on the PlayerExample UseMax-Fill Dimensions (W:H[])
WholeFills the entire player frameFull-screen holding slide, "Service starting soon" graphic, sponsor takeover628:305[]
Lower ThirdHorizontal band across the bottomSpeaker name/title, sermon title, scripture reference, event branding628:61[]
Top LeftUpper-left cornerStation/ministry logo bug, campus name126:61[]
Top CenterTop edge, centered"LIVE" badge, small headline banner36:61[]
Top RightUpper-right cornerSecondary logo, language/ASL indicator126:61[]
Middle LeftCenter-left edgeVertical call-to-action, QR code to give/connect126:183[]
Middle CenterDead center of the playerPrompts, "Tap to interact" cards, mid-roll announcements376:183[]
Middle RightCenter-right edgeQR code, next-steps card, giving prompt126:183[]
Bottom LeftLower-left cornerSocial handle, hashtag, small watermark126:61[]
Bottom CenterBottom edge, centeredGiving/donate button, "Text to give" prompt, CTA376:61[]
Bottom RightLower-right cornerSponsor logo, timestamp, small watermark126:61[]

Example uses are suggestions only — any overlay can go in any position.

  • Whole: 628:305[]
  • Lower Third: 628:61[]
  • Top Left: 126:61[]
  • Top Center: 36:61[]
  • Top Right: 126:61[]
  • Middle Left: 126:183[]
  • Middle Center: 376:183[]
  • Middle Right: 126:183[]
  • Bottom Left: 126:61[]
  • Bottom Center: 376:61[]
  • Bottom Right: 126:61[]

Related articles