Overlay Size Specifications - 720p

Overlay Size Specifications - 1080p

Image Overlays and Graphics

When creating images for your STAGE TEN broadcast, use the sizes specified above. You can build these in your favourite image creating program (Photoshop. Canva, Illustrator, etc). 

PNGs support transparency, allowing you to place graphics anywhere on screen and set the level of opacity.

JPGs can be used if you don't need transparency.

To view overlay examples you can download a package of 720p sample assets here.

Supported Formats

To view overlay examples, download a package of sample assets.

  • PNGs

  • JPGs

  • Webp

  • AVIF

  • MP4s:
    Optimal video settings:
    - Codec: H.264/AVC (note: H.265/HEVC is NOT supported)
    - Profile: Baseline
    - Level: 41
    - Keyframe Interval: 2 (1 keyframe / 2 seconds)
    - B-Frames: 0
    - Bitrange Range: 1500-6000 Kbps (1.5-6.0 Mbps)
    - Resolution: 1280x720 (720p) or 1920x1080 (1080p)
    - Frame Rate: 30 FPS or 60 FPS

  • Optimal audio settings:
    - Codec: AAC
    - Profile: LC
    - Sample Rate: 48000
    - Bitrate: 96-160 Kbps

IMPORTANT: Make sure that your video clips have an audio track, even if there is no sound.

Motion Graphics & Special FX

Want to create cool animations or effects? Create a .webm file which allows for a transparent background for motion graphics. Simply follow the steps below and drag your file into the “Full Screen Overlay” box for a full screen effect or “Lower Third” box to make your names or call-outs pop.

How to Create a WEBM file: support of transparency

Note: The following workflow is specific to converting videos that were created in After Effects.

  • Make sure the transparency grid is toggled on in your composition. A white and grey grid will show.

  • Create your overlay

  • When adding to the Render Queue, select the following settings:
    - Output Module
    - Format: Quicktime
    - Video Output: RBG + Alpha
    - Format Options: Animation
    - Output To: name your .mov, then Render

The QuickTime movie file you've created can now be converted to a WEBM by using a MOV to WEBM online converter: https://www.aconvert.com/video/mov-to-webm/


Did this answer your question?