With Graphics, you can add lower third graphics, fullscreen graphics, and logos to your live broadcast right from the Vimeo live preview page. You can access these features by clicking the Graphics tab on the left side of your stream preview page.
⚠️ Note: If you edit the theme while any overlay is live, you will need to hide the graphic and then re-show it in order for the theme change to take effect. You can also hover over the player window and select “Hide all graphics” to remove all from the stream with a single click.
⚠️ Other Notes:
- This feature works best when using the browser-based encoder. If you are streaming to Vimeo via an external encoder, you may notice a delay in the graphics appearing on the player.
- Graphics for recurring live events will be retained on those events. However, new events will need new graphics created each time.
- Additionally, while your graphic will save to your recurring event, your graphic will not display automatically each time you stream. You need to click the corresponding eye icon in the panel in order to display your graphic overlays.
The name “lower third” specifically refers to the bottom one-third of the screen. These graphics are typically used to introduce a speaker or participant on your stream or identify the location of your event, among other uses.
To create a lower third graphic, click the “+” button next to Lower Third or “Create” under the Lower Third drop-down menu. You can add an image and two lines of text per lower third. We recommend using a square PNG or JPG that is at least 200x200 pixels and no more than 5MB for the best result.
Once created, you can preview the lower third on our browser encoder preview window for 5 seconds (which only you can see), click the “show” (eye) icon to put the lower third on the live player indefinitely, and access the menu (three dots) to edit, duplicate, or delete the lower third.
You can create additional lower thirds using the “+” button. The duplicate option is a quick way to create multiple lower thirds with the same image. Lower thirds will only appear on the bottom left corner of the stream.
Fullscreen graphics work the same way as lower thirds, except they cover the entire screen. This is ideal for displaying information prior to any action taking place or during any breaks in your event (e.g. “Stay Tuned,” “We’ll be right back.”)
You can create a fullscreen graphic by clicking the “+” symbol next to Fullscreen or “Create” under the Fullscreen drop-down menu.
Here, you can add an image and have two optional lines of text. Because Vimeo live broadcasts have a maximum resolution of 1920 x 1080, we recommend using JPG or PNG files at this resolution for fullscreen graphics as well; they should be no more than 5MB in size.
In addition, alpha channel is supported if you wish to overlay the fullscreen while still seeing some of your video (e.g. a frame). PNG files with transparency work best for this use case.
Once an image has been added, you can click “Preview” to see the graphic on the browser encoder preview window for 5 seconds, “Replace” to select a new image, or the delete (trash) icon to remove the image. You then also have the option to show (eye icon) the fullscreen indefinitely, after which you can then hide the fullscreen, and access the menu to edit, duplicate, or delete the fullscreen.
⚠️Note: Fullscreen covers video but it does not cover audio.
A logo is a small icon that appears in the lower right corner of the screen and as a subtle way to keep your brand visible at all times during your event.
Logos can be added the same way as lower thirds and fullscreen graphics. You can create a logo graphic by clicking the “+” symbol next to Logo, or “Create” under the Logo drop-down menu. The image you upload should be a square at 200x200 pixels and no more than 5MB in size. Logos can only be added to the bottom right corner of the stream, but will also appear above fullscreen graphics or to the right of lower third graphics.
Once an image has been added, you can click “Preview” to see the logo on the browser encoder preview window for 5 seconds, “Replace” to select a new image, or the delete (trash) icon to remove the image. You then also have the option to show (eye icon) the fullscreen indefinitely, after which you can then hide the fullscreen, and access the menu to edit, duplicate, or delete the logo.