OBS Browser Source Size Calculator
Calculate a clean 4:5 Browser Source size for StreamRio animated virtual pet overlays in OBS Studio, Streamlabs, TikTok LIVE Studio, and other streaming tools that support web sources.
What size should an OBS Browser Source overlay be?
For StreamRio animated virtual pet overlays, start with a 4:5 OBS Browser Source canvas such as 720 × 900 or 800 × 1000. The portrait ratio leaves room for the mascot body, reaction animations, and speech bubble while keeping the source compact enough for a corner placement. StreamRio runs as a transparent Browser Source URL, so no OBS plugin or local download is required.
Recommended ratio
Use 4:5 for StreamRio mascot overlays, such as 720 × 900 or 800 × 1000.
OBS source type
Add StreamRio as a Browser Source with a transparent background.
Scene placement
Place the mascot near a bottom corner or beside chat, alerts, or captions.
Calculate a 4:5 OBS Browser Source size
StreamRio mascot overlays are tuned for a compact 4:5 Browser Source. Enter a width or height and the calculator keeps the matching dimension aligned to that ratio.
Recommended Browser Source
720 × 900
Aspect ratio
4:5
Portrait mascot canvas
Default size
720 × 900
Good starting point
OBS source type
Browser
No plugin required
Suggested OBS setup
- Add StreamRio as a Browser Source.
- Use 720 × 900 or another 4:5 size.
- Keep the background transparent.
- Resize the source in OBS so it does not cover gameplay, camera, chat, or alerts.
Formula
Height = width × 5 ÷ 4. Width = height × 4 ÷ 5. The exact OBS source can be scaled visually after adding it to your scene.
Add the calculated size to your StreamRio overlay
Once you choose a Browser Source size, create your StreamRio overlay, copy the private URL, paste it into OBS, then position the mascot where it supports the stream without covering the main content.