Overlays are the layer between your content and your audience. Most streamers use one type and miss the useful ones.
Short answer
A stream overlay is a graphic layer displayed on top of your video in streaming software such as OBS. Overlays range from static frames and webcam borders to live, interactive web pages that read your chat and display results in real time.
The four types of overlay
They differ by how much they change during the stream, which is also how much value they add.
- Static overlays — frames, borders, backgrounds. Purely cosmetic.
- Informational overlays — recent follower, goal bars, now-playing. Update occasionally.
- Alert overlays — pop-ups triggered by follows, subs or donations.
- Interactive overlays — read chat and respond, e.g. games, votes and leaderboards.
How overlays are actually built
Most modern overlays are web pages rendered inside your streaming software as a browser source. That is why they can animate, count, and react — they are live pages, not images.
It also explains a common confusion: an overlay may look different in your browser than on stream, because OBS makes the page background transparent by default.
Which types are worth it
Static overlays make a stream look tidier but change no metric. Interactive overlays change how viewers behave, which is what affects reach.
A beautiful static overlay on a silent stream is a nicer-looking silent stream. Prioritise the layer that gives viewers something to do.
Performance cost
Each browser source runs a browser instance. Two or three is fine on most machines; a dozen animated ones will cost frames.
- Lower the FPS on static overlays to 30
- Reuse a single source across scenes instead of duplicating it
- Remove overlays you stopped using — they still consume resources
Getting one running
The setup is the same regardless of type: add a browser source, paste the URL, set the size, and untick the two settings that reset it on scene change.