OBS Overlay Canvas Size
Your OBS overlay should match your stream resolution. The most common streaming resolution is 1920×1080px (Full HD). Design your overlay at this canvas size to ensure pixel-perfect alignment in OBS.
| Stream Resolution | Overlay Canvas Size |
|---|---|
| Full HD (1080p) | 1920×1080px |
| 1440p | 2560×1440px |
| 4K | 3840×2160px |
Common Overlay Element Sizes
| Element | Typical Size (1080p) |
|---|---|
| Webcam frame | 380×285px (bottom corner) |
| Alerts bar | 900×60px (top center) |
| Chat box | 360×600px (right edge) |
| Info panel | 380×200px (left side) |
| Logo | 120×120px (corner) |
How to Add an Overlay in OBS
- Design your overlay as a transparent PNG at 1920×1080px
- In OBS, add a new Image source to your scene
- Select your overlay PNG file
- Set position to 0,0 — it covers the full canvas
- Add game capture, webcam and other sources BELOW the overlay layer
Use the Stream Overlay Maker to create a free 1920×1080px overlay with webcam frame, alerts bar and chat box. Download as PNG for OBS.