A good live-stream graphic tells viewers what they are watching or helps them follow it without competing with the main picture. To make one, decide what belongs on screen, create any transparent image assets, add them as sources in OBS, then position and test the scene in the formats your viewers will use.
OBS graphics are part of the production scene you send to YouTube; YouTube does not add them automatically. A horizontal design also needs a separate vertical-layout check, because a vertical version may show only the centre of the horizontal composition.
Decide which graphics earn screen space
Start with the question each graphic answers. A small channel name can identify a station when a viewer lands mid-stream. A label can explain whether a camera shows a temple, a study desk or a local weather map. A webcam frame can visually separate the camera feed from the rest of the scene. If a graphic does not identify, explain or help navigate the stream, it may not need to be there.
Common choices include a webcam frame, a social handle bar, a programme title, a sponsor mark, a clock, an alert or a chat box. These have different jobs. A frame contains a camera image; a handle bar gives a viewer a route to another channel; an alert signals a changing event. Elgato’s guide to stream overlays describes webcam overlays as frames and social bars as places for handles, sponsor logos or other pertinent details. The practical point is to give each element a purpose rather than filling empty space by default.
Think about the main content before choosing positions. For a devotional channel, the deity or singer may need an uninterrupted central area. A local news loop may need room for a map or headline. A study stream might use a small session label, while a large animated border adds little. Keep the clearest area for the subject viewers came to see, and avoid covering faces, captions, important text or controls within the video.
A useful first pass is to list every proposed element and mark whether it is essential, useful or decorative. Try the essential items first. You can add a useful element if the scene remains clear; decorative items are the first candidates to remove when the picture feels crowded. For help thinking about the broadcast as a whole, see how to choose a YouTube Live title and thumbnail: the title and thumbnail introduce the stream before the viewer reaches the scene, so on-screen graphics should add information rather than repeat everything.
Design transparent assets where needed
An overlay image needs transparency wherever the underlying video should remain visible. A webcam frame, for instance, is usually a border around the camera picture, not a solid rectangle that hides it. Exporting that border as a transparent image lets the camera remain visible through the open centre when the frame sits above the webcam source.
For a static graphic, a PNG is a common choice because it can retain transparency. For an animated transparent overlay, Elgato identifies WEBM as an option in its guide. Match the format to the asset: a simple fixed label does not need animation, and an animated border is not automatically more useful than a still one. If you use a non-rectangular webcam crop, the overlay guide notes that a mask file may be needed to prevent unwanted overlap. Check the mask against the actual camera image rather than assuming a decorative frame will also crop the video.
Make the asset at the shape and proportions the scene needs. Elgato lists 16:9, 4:3, 9:16 and 1:1 among common webcam overlay ratios; these are examples for frames, not a required canvas size for every graphic. A small handle bar, logo or corner label can have its own dimensions. Build the design around the intended source and viewing layout, and leave enough clear space around text and edges that it remains readable after resizing.
Keep a clean original file for future edits. If you make a channel name or schedule graphic, retain an editable version in the design tool you used, then export the transparent image for OBS. A creator who wants to make a different style of asset can also look at Camtasia alternatives for screen recording and editing, but the important production requirement is simply an image file with the right transparency and dimensions. Do not flatten a frame against a coloured background unless that background is meant to cover the video beneath it.
Add images and text as OBS sources
OBS builds a scene from sources. Its Sources Guide covers the main source types: Image for an image or slideshow, Text for editable text, Media Source for audio or video files, and Browser Source for a web page. A static transparent frame is generally an Image Source. A label you expect to revise regularly can be a Text Source. A changing web-based alert or chat overlay may suit a Browser Source, which OBS says is commonly used for those purposes.
Add a source to the scene that needs it, then check the preview. If you have a static image asset, choose the image source and select the file. For text, create or edit a text source and enter the wording, font and colour. A browser source needs the page or overlay URL from the service that provides it; test that page in OBS rather than assuming a browser view in your normal desktop browser will look identical in the scene.
Use a text source when the wording is likely to change, such as a daily programme label or a current location. Use an image when the design depends on a precise logo, illustrated frame or combination of shapes and lettering. For an animation or video element, a media source is more appropriate than a still image. A browser source can be useful for content that changes without replacing the scene file, but it introduces a web page into the composition, so check its size, appearance and behaviour before relying on it.
These source types solve different problems rather than forming a quality ranking. An image is straightforward for fixed artwork; text is easier to revise; media handles moving files; browser sources display web content. The choice depends on whether the content changes, whether transparency or animation matters, and how much control you need over the final appearance. A modest channel label made as a text source may be easier to maintain than exporting a new graphic every time the wording changes.
Layer and position graphics around the main content
In OBS, the order in the Sources list determines what appears in front. A source higher in the list is above one below it, and an upper source can cover what is underneath. The OBS Project states this directly in its source documentation. For a webcam frame, put the webcam image below the transparent frame. For a label that should remain visible above the video, place the label above the video source.
Drag sources in the list to change their order, then use the preview to check the result. Select a source to resize it with its bounding box, or use Edit Transform when you need more precise sizing and placement. OBS also supports cropping by holding Alt on Windows or Option on macOS while dragging a bounding-box edge, or through Edit Transform. Cropping is useful for trimming excess blank space from an image, but make sure you do not crop off a logo, text or the transparent opening around a webcam.
Position graphics relative to the content, not just to the edge of the canvas. A bar across the bottom might be unobtrusive over a plain background, but it can cover subtitles or a ticker. A label in the top corner may overlap a person’s head when the camera framing changes. If the main source moves or switches, review the overlay against each important shot. For a looped video, inspect a representative section with the graphic turned on rather than judging it against an empty scene.
The eye control beside a source lets you hide or show it. Use that control to compare the unadorned scene with the graphic-enabled version and to find which element is causing clutter. If you have several scene variations, keep names clear enough that you can tell which one contains the intended overlay. OBS notes that changing the base canvas resolution means sources need to be realigned or resized, so revisit placements after changing the canvas rather than assuming the old arrangement still fits.
Add dynamic elements only when useful
A changing alert, chat panel or web label can be helpful when viewers are expected to interact or when the information genuinely changes. For a quiet bhajan station, a persistent chat box may take attention away from the music and image. For a live community update, a compact alert or current location could help explain what is happening. The test is not whether a dynamic feature is available, but whether it contributes enough to justify the movement and visual space.
Use a Browser Source for a web-rendered alert or chat box when that is how the provider supplies it; OBS identifies browser sources as a common fit for alerts and chat. Keep the browser area to the part viewers need, and inspect it in the scene for margins, backgrounds and text size. A transparent page can preserve the picture beneath it, while an opaque panel will cover it. If the overlay is supplied by a web service, the page may change over time, so revisit the scene before an important broadcast.
If an alert is intended only for occasional events, consider whether it needs to remain visible all the time. A brief alert can be more legible than a permanently occupied panel. Keep animation restrained enough that the main image still holds attention, especially on a long-running channel where the same scene may remain on screen for hours. A static label often does its job with less distraction and fewer things to check.
Choose between a local file and a browser-rendered element based on the content. A local image or media file is suitable when its appearance should stay fixed. Browser content is appropriate when the element needs to update from a web page or service, but it depends on that page being available and displaying correctly. If your production is built around a continuous video loop, how to run a YouTube loop stream on a low-cost VPS in India discusses the broader operating approach; whichever method you use, graphics still need to be composed into the outgoing scene rather than expected to appear from YouTube by themselves.
Check legibility in a vertical layout
Treat vertical viewing as its own design review. YouTube Help describes horizontal 16:9 and vertical 9:16 live formats. In the default dual-format setup, the vertical stream is a centre crop of the horizontal stream. That means content near the left or right edges of a horizontal frame may not appear in the vertical view. A horizontal overlay does not automatically fit a vertical layout, even if it looks balanced on a computer monitor.
Keep essential wording, a channel mark or a face within the central area that survives the crop, then inspect the vertical preview in the YouTube workflow. YouTube’s live streaming guidance explains the available live formats and the centre-crop behaviour. It also says a vertical stream cannot be added after the stream has started, so decide whether the dual-format presentation is needed before you begin rather than treating it as a live adjustment.
A crop-safe centre is not a substitute for a separate composition check. A wide handle bar may become cramped, a side label may disappear, and text that is large enough in the horizontal view may be too small in the narrower frame. Check whether the main subject remains visible and whether the graphic still has a clear hierarchy. If the crop makes the design confusing, create a separate vertical scene or simplify the overlay for that output.
For example, a horizontal study stream might put a session label in a top corner and a clock in the opposite corner. In a centre crop, one or both may be clipped. A vertical variant could place a compact label above the central desk image and omit the clock if it competes with the content. The point is to inspect the actual layout and make an intentional adjustment, not to assume one design will serve every screen shape.
Test the scene before going live
Review the finished scene in OBS at the canvas size you plan to use. Check the full image, each graphic’s edges and the places where text overlaps video. Use the eye controls to switch elements off and on. This simple comparison often reveals that a border, logo or label is larger than it needs to be. Check both the clean source and the final composition; a transparent graphic that looks correct on a design canvas can still obscure important material in the stream.
If you need to adjust a scene while another scene remains live, OBS Studio Mode provides an edit view and a live view so you can prepare a change before transitioning to it. The OBS Studio Overview Guide describes this workflow and recommends testing scenes and settings before the first live stream. Use a private or otherwise appropriate test arrangement if you need to inspect the actual YouTube output, and follow YouTube’s current guidance for the account and stream format you plan to use.
Check readability at the size viewers are likely to see, including a phone-sized preview if mobile viewing matters to your audience. Look for sufficient contrast against both bright and dark footage, and make sure essential wording is not tiny or crowded against an edge. This is a practical design check, not a guarantee that every device will render the scene identically. If the background changes substantially during a loop, inspect more than one section or choose a text treatment that remains clear across those backgrounds.
Before broadcasting, verify that the right scene is selected, the image files are present, and any browser element displays as expected. If you alter the canvas resolution, revisit source scale and placement. If the stream needs horizontal and vertical outputs, inspect both before starting. A scene that has been checked at the beginning is easier to trust than one built from memory during a late-night change. If you rely on OBS for a continuous broadcast, how to run a continuous YouTube stream with AutoHotkey and OBS covers a different part of that workflow; graphics themselves still need the same deliberate review.
For a file-based 24/7 channel, the graphic work is one part of the production; keeping a computer on overnight is another. When the pain is having to leave your own computer running just to keep an uploaded video on air, StreamNeo lets you upload the file and use your YouTube stream key to run the broadcast with your computer switched off, with monitoring and automatic restarts if it drops. It is for YouTube, so check that this fits the way you operate before choosing it.
Before committing, compare the operating options on the pricing page. When the file and channel are ready, start free — 24-hour trial, no card.
FAQ
Does YouTube add overlays to my live stream automatically?
No. Graphics are composed into the broadcast scene, for example as OBS sources, before that output reaches YouTube. Add the image, text, media or browser source in OBS and check the resulting scene yourself.
Which file type should I use for a transparent overlay?
A transparent PNG is a practical choice for a static image overlay. Elgato also lists WEBM for animated transparent overlays. Choose according to whether the graphic is still or animated, and confirm that the transparent areas reveal the underlying video in your OBS scene.
Will my horizontal overlay work in a vertical YouTube stream?
Do not assume it will. YouTube’s default dual-format setup uses a centre crop of the horizontal stream for the vertical view, which can remove graphics near the sides. Inspect the vertical preview and move, simplify or redesign elements that do not survive the crop clearly.
How can I change a graphic without putting it in front of the wrong thing?
Check the source order: items higher in the OBS Sources list appear above those below them. Use the preview and visibility controls to confirm which source is covering another, then reorder or resize it as needed. If you are editing a scene while another is live, Studio Mode lets you review the edit before transitioning.