An overlay adds selected visual elements—such as labels, alerts, goals or chat—on top of your live picture. To add one, choose what your stream needs, create or select an overlay, then add it to your broadcasting software using the format its provider supplies, often as a browser source.
The important decision is not how much you can decorate the screen, but where each element belongs. Size and place the overlay so viewers can still see the gameplay, camera, product or other content that brought them to the stream.
What a stream overlay can include
An overlay is a visual layer placed over the video scene. It might contain a channel name, a short label for the current segment, a chat panel, a goal indicator or an alert that appears when an event occurs. StreamElements describes overlays as visuals such as alerts, labels, goals and chat, composed in its editor and rendered in broadcasting software through a browser source (StreamElements’ overlay documentation).
These elements do different jobs. A label can tell someone what they are watching; chat can make conversation visible on screen; an alert can call attention to an event. A border or background can frame a scene, but it may also take up space without adding information. Start with the job you want an element to do, rather than with a template’s full collection of decorations.
Overlays are separate from the underlying video. In a scene-based broadcaster, the scene combines sources: the game or video capture, camera, audio-related visualisers if used, and overlay elements. Their order matters. A source layered above another source can cover it; one placed behind it may be hidden. The exact controls and available source types depend on the app and overlay format.
For a continuous devotional or ambience stream, the useful overlay may be only a channel label and a track or programme name. A gaming stream may use alerts or chat, while a product demonstration may need a brief prompt or product label. For a longer-running format, consider whether information changes often enough to justify a permanent on-screen element. A static label is less likely to become stale than a manually maintained schedule.
Choose elements that serve your stream
Before opening an editor, write down what a viewer needs to know while watching. Keep the list short. If the stream is a study room, perhaps the essential information is the subject and whether chat is active. A nature loop may need a location label, but not a goal counter. An overlay should clarify the programme, not compete with it.
A quick way to choose is to connect each element with a specific purpose and check its cost in screen space:
| Element | Useful when | Check before keeping it |
|---|---|---|
| Channel or programme label | A viewer may arrive midway and need context | Is the name readable without covering the main picture? |
| Current track or segment label | The programme changes and the information can be kept accurate | Will it update reliably, or could it show stale details? |
| Chat panel | On-screen conversation is part of the format | Does it obscure action or become difficult to read? |
| Alert | A particular event should be visible in the broadcast | Can it appear briefly without blocking a key moment? |
| Goal indicator | A clearly explained target is part of the channel’s presentation | Is it current, and is the target relevant to this audience? |
| Decorative frame | A restrained frame helps distinguish the scene | Does it take space from the video without adding useful context? |
Treat this as a design check, not a claim that any element will increase viewers, donations or engagement. The cited provider documentation explains setup and available overlay components; it does not establish that overlays produce those outcomes. If the stream works without an element, test whether removing it makes the main content clearer.
For channels that run for long periods, maintenance matters. A manually typed “now playing” title can become wrong when the playlist changes. A goal can look abandoned if it is no longer active. If the information cannot be kept up to date, omit it or choose a simpler label. The meditation-stream guide to chapters and track labels is a useful reference for thinking about what information belongs alongside a continuous programme.
Create or select an overlay
You can build an overlay in a provider’s editor, choose a supplied design, or assemble image assets in the broadcasting app. These approaches are not identical: a provider may give you a URL for a browser source, while another workflow may use images or a scene collection. Check the current documentation for the specific provider and software combination you plan to use.
A template can save time, but remove any parts that do not fit the stream. A gaming template may reserve a large area for chat or alerts that a calm music channel does not need. An image-based overlay can provide a fixed frame, while a browser-based overlay can combine elements supplied by its editor. Neither format is automatically right for every scene.
Before adding an overlay, decide its intended canvas size. If it is meant to occupy the whole video frame, its dimensions should correspond to the stream canvas. If it is a smaller movable element, a smaller source may be easier to position. StreamElements’ guidance recommends matching overlay dimensions to the stream resolution, or using a smaller size when you want to reposition it in the broadcasting software (getting started with overlays).
Keep a clean source file or a copy of the original design before making substantial edits. If you change the layout later, a saved version makes it easier to return to the previous arrangement. Preview the design at the same aspect ratio and canvas size you use for the stream. A layout that seems spacious in an editor may crowd the video once it is fitted into the actual scene.
For an overlay URL, keep the link private if the provider treats it as a personal or editable address. Follow the provider’s instructions for copying and using it. Do not assume that an image file, overlay URL, plugin or scene collection can be substituted for another without checking how that route is supported.
Add the overlay as a browser source
A browser source is a source in the broadcasting scene that displays a web page or overlay URL. The StreamElements support guide documents this route for OBS Studio: copy the overlay URL from the dashboard or editor, add a Browser source in OBS, and paste the URL into its properties (Adding Overlays to OBS Studio). The precise menus can change, so use the current instructions if your interface differs.
In broad terms, the workflow is:
- Open the overlay in the provider’s dashboard or editor and copy its overlay URL.
- In OBS Studio, select the scene that should contain it and use the Sources panel to add a Browser source.
- Give the source a recognisable name, then paste the URL into its properties.
- Set the source width and height to match the stream canvas or the overlay’s intended area.
- Apply the properties and arrange the source in the scene, then preview the result.
A full-canvas browser source is useful when the overlay design itself uses the whole frame as its coordinate space. A smaller source may be practical for a standalone panel or graphic that you want to move around. Follow the provider’s dimension guidance: changing width and height can change where the overlay’s elements appear and how they fit the scene. If the editor and source dimensions disagree, do not try to correct it by repeatedly dragging elements without checking the canvas settings.
If the overlay does not appear, check the basics in order: that you pasted the intended URL, that the source is enabled and visible, that it belongs to the selected scene, and that it is not hidden behind another source. Then check its dimensions and the provider’s instructions. A blank or unexpected display is a reason to verify the URL and settings, not to assume every browser-source workflow is interchangeable.
The same broad idea may be available in other broadcasting software, but labels and options differ. Do not rely on an OBS-specific menu path to describe another app. Check the software’s current help material and the overlay provider’s instructions together. For a wider look at configuring a continuous video scene, see the guide to OBS settings for a nature stream with ambient audio.
Choose the workflow for your software
OBS Studio and Streamlabs Desktop have different documented routes for overlays. StreamElements’ OBS guide gives a direct browser-source path. Streamlabs documents adding image files as sources in Streamlabs Desktop, selecting and installing an overlay through its OBS plugin, and importing a Streamlabs scene collection into OBS without that plugin (Streamlabs’ overlay instructions). These are choices, not evidence that every overlay transfers in the same way.
| What you have | Workflow to check | Practical consideration |
|---|---|---|
| Overlay URL from StreamElements and OBS Studio | Add a Browser source and enter the URL | Confirm the source dimensions and scene placement |
| Image assets and Streamlabs Desktop | Add the files as sources in the scene | Arrange and size each asset in the scene |
| Streamlabs overlay and its OBS plugin | Follow the plugin’s current selection and installation instructions | Use this route only if it fits your software setup |
| Streamlabs scene collection for OBS | Import the collection without the plugin, as Streamlabs documents | Check the imported scene and sources rather than assuming the layout is unchanged |
The best fit depends on the software you already use and the format you received. If you are comfortable with OBS and have a supported overlay URL, the browser-source method is direct. If you have image files, an image source may suit a static design. If you use a plugin or import, follow the current provider instructions and inspect the resulting scene. The source documents describe these workflows; they do not establish a universal winner or comparative performance advantage.
For a channel running from a personal computer, a complex scene can mean more settings to check when you change designs or scenes. Keep the source list understandable: use descriptive names and remove old, unused elements after confirming they are no longer needed. If your larger concern is the operating model for a continuous channel rather than the overlay itself, this guide to cloud options for 24/7 product-demo streams covers that separate decision.
Position and size the elements
Place the overlay source in the scene, then use the broadcaster’s transform or layout controls to position and size it. When the source is a full-canvas design, it may need to line up with the stream canvas rather than be shrunk to a corner. When it is a small panel, place it where it can be read without hiding a subject or important action. The source’s own dimensions and its position in the scene work together.
Check the layout at the actual output size, not only while editing on a large monitor. Text that looks legible while zoomed in may be too small in the finished stream. Conversely, enlarging a panel can make it readable but cover too much of the content. Make one adjustment at a time and preview the whole frame after each change.
Use consistent alignment and spacing. If a label and chat panel both belong in a corner, keep their edges aligned and leave a clear gap from the frame edge. Avoid placing an element directly against a key subject or control area. A few simple placements are easier for a viewer to understand than several decorative panels competing for attention.
Check the source order as well as its position. If the overlay is beneath the game capture or video source, it may not be visible. If it sits above the camera or gameplay, it can obscure them. Arrange the scene so the overlay appears where intended, then check every scene in which the source is used. A change to a shared source or scene may affect more than the preview currently on screen, depending on how your software is configured.
Keep gameplay and camera content clear
Treat the main content as the fixed point. In a game, that may be the centre of action, a map, or interface information that viewers need to follow. In a camera scene, it may be a face or a demonstration area. In a devotional, study or ambience stream, the video may be deliberately quiet and uncluttered; even a small panel can become the most prominent thing on screen if it has strong contrast or movement.
Before going live, review the entire frame and ask three questions: Can someone identify the subject? Is any overlay covering information they need? Does any element draw attention more often than the content itself? If the answer suggests a conflict, move, resize or remove the element. This is practical visual judgement, not a promise of improved performance.
Check scenes with different compositions separately. A camera may occupy one corner in a gameplay scene but fill the frame in a talking scene. A graphic that fits one layout may cover a face or title in another. If you use scene transitions, confirm that the overlay behaves as expected when you switch. Do not assume a position is suitable everywhere just because it works in one scene.
For a continuous channel, also inspect the overlay after content changes. A label that sits neatly over one video may obscure an important feature in the next. If the underlying visuals vary, put persistent information in a stable area and keep it modest, or use a scene layout with enough safe space across the material you plan to show. If your channel uses changing episodes, the guide to scheduling podcast episodes in a continuous YouTube live stream may help you think through how the programme changes over time.
A final preview is worthwhile after any edit to an overlay, source size, scene order or video layout. Check the stream output or recording if practical, because the editor preview alone may not show every issue at the size viewers will see. Keep a note of the version that worked so you can restore it if a later change makes the scene harder to follow.
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
How do I add an overlay to OBS?
For the documented StreamElements route, copy the overlay URL, add a Browser source to the OBS scene, and paste the URL into the source properties. Set dimensions for the stream canvas or intended area, then arrange the source and check that it does not cover important content. Other providers or formats may use different steps.
Does every overlay work as a browser source?
No. Some workflows use an overlay URL, while others use image sources, a plugin or a scene-collection import. Check the instructions for your overlay provider and broadcasting software rather than assuming the formats transfer identically.
What size should an overlay be?
For a full-frame overlay, use dimensions that correspond to the stream canvas, following the provider’s guidance. A smaller source can be useful when you want a movable element, but check how its dimensions affect placement and preview the result at the intended output size.
What should I put on an overlay?
Choose elements that give viewers useful context or support a specific part of the programme, such as a label, chat panel or alert. Leave out anything that becomes stale, takes space without adding information, or hides gameplay, a camera subject or another important part of the picture.