To add a graphic overlay to a live stream, add it as a source in your streaming software, then size and position it in the scene preview. In OBS Studio, use an Image source for a static logo, border, or label, and a Browser Source for web-based elements such as alerts or chat. In Streamlabs Desktop, install an overlay from its library, import an existing overlay file, or build a scene with image sources.
Choose the right overlay workflow
| What you want to add | Suitable approach | What to expect |
|---|---|---|
| A static logo, border, or label | OBS Studio Image source | Adds an image file or slideshow to a scene. |
| Alerts, chat, or other web-rendered content | OBS Studio Browser Source | Displays web content in the scene and may depend on the widget service and internet connection. |
| A ready-made themed design in Streamlabs Desktop | Streamlabs overlay library | Lets you choose a design and install selected components into a scene collection. |
| An existing Streamlabs overlay package | Import an .overlay file |
Uses the Scene Collections import workflow. |
| Streamlabs overlay features inside OBS | Streamlabs plugin | Requires a compatible Windows and OBS setup; check the current plugin documentation. |
Image and browser sources serve different content types. The available official documentation does not establish that one is always faster or lighter than the other.
Add a static graphic in OBS Studio
- Open the scene you want to use, or create a new scene for the layout. Scenes contain the sources that make up your stream.
- In Sources, add an Image source and select the graphic file.
- Select the source in the preview and adjust its size and position. Keep key parts of the camera, gameplay, presentation, captions, and platform interface unobscured.
- If the graphic should appear only in certain layouts, add it only to the relevant scenes or scene collection.
- Preview the complete scene at your output canvas dimensions. Confirm that the graphic is visible, aligned, and not covering important content before you go live.
Add a web-based overlay in OBS Studio
- Get the overlay page or widget content from the service that provides it. Treat account-specific widget URLs as private when applicable.
- In OBS, add a Browser Source to the scene. OBS describes this as an embedded browser for web content; its documentation names alerts and chat boxes as common uses. The OBS Project’s Browser Source documentation says it “allows you to perform all sorts of custom layout, image, video, and even audio tasks.”
- Enter the appropriate page or widget content. Set the source width and height to fit the overlay’s intended canvas.
- Check that the source appears in the preview, then resize and position it as needed.
- Preview the whole layout before streaming to make sure the widget is visible and does not obscure the main video.
If the overlay does not appear, confirm the URL is correct and available, the dimensions are suitable, and the source is visible rather than hidden behind another source.
Use overlays in Streamlabs Desktop
Install an overlay from the library
- Browse the overlay library and choose a design.
- Select the components you want, then install them into the scene collection.
- Review the resulting scenes and sources so the installed elements fit your layout.
Import an existing overlay file
- Open Settings.
- Go to Scene Collections.
- Choose Import Overlay File and select the
.overlayfile. - Review the imported collection and position or adjust its elements for your scene.
Build a scene manually
- Create or select a scene collection and make the scenes you need.
- Under Sources, add image files for the graphic elements.
- Arrange and size each source in the preview, then check the full scene before streaming.
Use the Streamlabs plugin with OBS
Streamlabs documents an OBS plugin workflow: install the plugin, open its overlay settings, and select an overlay. Its quick-start documentation lists Windows and OBS Studio 28.0.0 or later as requirements. Some changes may require restarting OBS. Plugin requirements and interface labels can change, so check Streamlabs’s current documentation before installing.
The Tool Desk
Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Fix common overlay problems
- The image is missing: Check that the selected image file is available and that the source is visible in the scene.
- The browser overlay is blank: Verify the widget URL, confirm the page is available, and check the source width and height.
- The overlay is behind other content: Check source visibility and its placement relative to other scene elements; reposition or resize it in the preview.
- The overlay is cropped or misaligned: Compare the source dimensions and placement with the output canvas, then adjust and preview again.
- A plugin change does not appear: Restart OBS if the change requires it, and verify that the operating system and OBS version meet the plugin’s current requirements.
Or let it run in the cloud
For a YouTube channel that should keep playing uploaded videos around the clock, StreamNeo runs the stream from the cloud: upload a recording or build a playlist, add your YouTube stream key, and go live. Nothing has to stay on at home; it streams your uploads as made, up to 4K 60fps, at one price per slot, and automatically recovers if YouTube drops the stream. The first day is free with no card. Monthly pricing is $9.99 per month. This is for uploaded videos, not a live camera feed. Start a free StreamNeo day.
Quick Recap
Best Value
- SET THE TREND: Show off your own unique style with MightySkins for your Elgato Stream Deck +! Don’t like this Watercolor White design? We have hundreds of designs to choose from, so your Elgato Stream Deck + will be as unique as you are!
- DURABLE PROTECTION FOR YOUR DEVICE: Manufactured with ultra-thin, ultra-durable, stain-resistant laminate vinyl in order to effectively protect your gear from dings, scrapes, dust, and the wear and tear of everyday use! MightySkins a SOFT vinyl skin cover, is not made of rubber, silicone or plastic & it is NOT a HARD case
- GOES ON AND COMES OFF EASY: Apply your MightySkins vinyl decal easily & with precision on your Elgato Stream Deck + thanks to a patented low grip air release adhesive that’s built to last but removes easily and leaves no sticky residue when you’re ready to switch to a different design!
- Satisfaction guaranteed: Our friendly, knowledgeable staff is here to help and customer satisfaction is our top priority! If you have any issues with your order or you’re not happy for any reason, just let us know and we’ll be there to help!
- PROUDLY MADE IN THE USA: Buy with confidence from an American owned and operated company! MightySkins are produced in our state-of-the-art facility in West Palm Beach, Florida, proudly made in the U.S.A.!
Rank #4
- All-in-One Live Production System & HDMI Switcher – Combines multi-source video switching, encoding, recording, monitoring, and streaming into a single standalone system with no external PC or separate HDMI switcher required.
- Flexible Multi-Source Inputs – Supports up to 2× HDMI, 2× USB-A, and up to 3 simultaneous IP sources including SRT, RTMP, RTSP, and NDI HX, plus media files and mobile camera inputs.
- Dedicated HDMI Program Output – Built-in HDMI output enables direct connection to monitors, projectors, or downstream equipment for confidence monitoring and live program output.
- Integrated AMOLED Touchscreen – Built-in 7″ capacitive AMOLED display enables intuitive scene control, previewing, and monitoring directly on the device.
- Professional Streaming & Recording – Hardware encoding supports H.264 and H.265 up to 1080p60, with adjustable bitrates and multi-destination streaming outputs.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
