This article reviews the dimensions and styles for creating graphic overlays. Graphic overlays can include logos, customized nametags, or watermarks.

One quick way to create overlay graphics is to download this Socialive Graphics Template and open it in draw.io (a free online drawing tool):
Download the Socialive Graphics Template
Open the template file in draw.io
Customize each graphic, as needed.
Select a specific graphic (usually a "group" of objects).
Navigate to File > Export as > PNG.
Use the following export settings and click Export.
Recommendations
Full-width lower-third: 1280 x 150 px
This example shows a full-width lower-third graphic

Corner bugs, Logos, or Watermarks: 150 x 150 px or 200 x200px
An example shows a logo(150px) in the upper left corner:

Full-screen overlays: 1280x720 px for 720p and 1920x1080 px for 1080p
You can cover the entire screen with an overlay graphic sized 1280 x 720px when streaming at 720p, it is recommend to use 1920 x 1080 px when streaming in 1080p.

Left or Right Thirds/Panels: 420x720px
Some examples of panels are in the left or right thirds.

Besides the Landscape orientation, you can also use the template to create: Square (1:1), Portrait (4:5), and Full Portrait (9:16) graphics

Square (1:1) Examples

Portrait (4:5) Examples

Full Portrait (9:16) Examples

Still, looking for an answer?
Contact Socialive Support via live chat or email at support@socialive.us.