Time Overlay guide
How to add a transparent countdown overlay for Twitch (OBS/Streamlabs)
To add a transparent countdown overlay for Twitch, export WebM (with alpha) from Time Overlay and add it as a Media Source in OBS, Streamlabs, or Twitch Studio - the background is already cut out, so it reads over busy gameplay or webcam scenes. PNG sequence is the alternate path when you want frame-perfect loops or maximum visual quality.
Recommended Time Overlay export: WebM (with alpha) for streaming software. PNG sequence when quality matters more than file size.
Step 01
Pick a duration that matches the scene transition
BRB scenes usually want 60 to 180 seconds. Pre-stream countdowns can run 5 to 10 minutes. Test with the default 30s, then dial in the exact length for your routine.
Step 02
Export WebM with alpha
Choose a style preset that fits your stream aesthetic, then export 'WebM (with alpha)' from the export panel.
Step 03
Add to OBS, Streamlabs, or Twitch Studio
Add a Media Source. Point it at the downloaded WebM. Enable Loop if the countdown should restart. Resize the source so the timer is readable but does not block your face cam.
Step 04
Test with a local recording before going live
Start a local OBS recording for 30 seconds. Confirm the alpha is preserved and the readability holds at your stream bitrate. Adjust opacity or position as needed.
Time Overlay tips
If your streaming software lags on WebM playback, fall back to PNG sequence routed through an Image Slideshow Source. The transparency is identical and the CPU load shifts to image decoding, which most systems handle more predictably under live load.
Not sure which export format to pick? Compare every transparent overlay format by editor and browser support.