# OBS Overlay Size Guide 2026 - Stream Overlay Dimensions

> OBS stream overlay size: 1920×1080px for Full HD, 2560×1440px for 1440p. Webcam, alert and chat box dimensions. Free overlay maker included.

Source: https://skinrender.com/obs-overlay-size
Licence: CC-BY-4.0, attribution to SkinRender.com (Yamiru).

---

## OBS Stream Overlay Size Guide - Correct Dimensions (2026)

## 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

1. Design your overlay as a transparent PNG at 1920×1080px
2. In OBS, add a new Image source to your scene
3. Select your overlay PNG file
4. Set position to 0,0 - it covers the full canvas
5. Add game capture, webcam and other sources BELOW the overlay layer

Use the [Stream Overlay Maker](https://skinrender.com/stream-overlay-maker) to create a free 1920×1080px overlay with webcam frame, alerts bar and chat box. Download as PNG for OBS.

---

All SkinRender tools run in the browser. Nothing is uploaded, no account is needed, exports carry no watermark.

- Tool directory: https://skinrender.com/tools
- Machine-readable facts: https://skinrender.com/ai/facts.json
- Citation-ready blocks: https://skinrender.com/ai/citations.json