Full screen graphics are images that cover the entire screen while you are live. This is useful for displaying information prior to any action taking place, or during any breaks in your event.
How to add a full screen graphic to your event varies depending on how you are streaming after you create your event.
Full screen graphics when streaming with Vimeo
When you create a recurring event or webinar and click Stream with Vimeo from the setup page, you will be brought to our browser-based broadcaster page where you can add all the production elements for your event from your browser.
On the left side of the broadcast page, select the Image icon. Click Add image.
This will open your File Explorer or Finder window and allow you to upload your image.
- We recommend PNG or JPGs at a maximum of 1920x1080 and 5MB in size.
- If your image has a transparent background, that will apply when uploading it to your Vimeo event. If you truly want to fill the screen, make sure the background is filled.
- Images that are not 16:9 in aspect ratio will be cropped or zoomed to fit the window.
Once your image is added, you can add optional primary and secondary text (e.g. “The event will begin soon.”) When finished, click Save.
To use this image as a full screen graphic, you will need to add it to a scene by itself. To do this:
- Below the preview player, click Add scene.
- Click it again to select that blank scene.
- In the Images panel, click the ••• menu on the desired image, then Add to scene.
- Alternatively, you can drag and drop the image into the preview player to add the image to the scene.
⚠️Note: If you add any other production elements to the scene (e.g. speakers’ cameras), they will overlay on top of your image. To use an image as a standalone full-screen graphic, it should be in a scene by itself.
To show the full-screen graphic in player:
- Below the preview player, click on the scene with the graphic.
- Click Send to stream.
- The image will appear in the player alone with no other audio.
You can add as many images as you wish, but only one image can be added to a scene at a time.
To remove an image from a scene, hover over it in the Images panel, click ••• then select Remove from the scene.
If you no longer need the image for your event, click Remove from the event.
Full-screen graphics - RTMP or one time events
If you created an event and select Stream via RTMP on the setup page, or if you created a one-time event and click Next, you will be brought to the preview page where you can add full-screen graphics as described below.
On the event preview page, 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 in the preview player 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: These full-screen graphics cover video but they do not cover audio.
- When streaming to Vimeo via an external encoder, you may notice a delay in the graphics appearing on the player.
- Graphics for recurring virtual 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.