SIZE CALCULATOR

Size the OBS Browser Source before you go live.

Enter a canvas size and margin to get a StreamLyric Browser Source recipe. The calculator stays in the browser. Without JavaScript, use the three presets below.

By StreamLyric Editorial TeamUpdated 2026-09-14

OBS browser source sizelyrics overlay resolution1080x1920 browser source

Install StreamLyric Open scene recipes

Presets without JavaScript

These defaults are the same values the interactive calculator uses.

Canvas	Source	Lyric region	Font	Anchor
1920×1080	1920×1080	1760×920	32–48px	bottom-center
1080×1920	1080×1920	920×1760	36–56px	bottom-center
1080×1080	1080×1080	952×952	32–48px	bottom-center

Avoid covering

Camera, instrument, comments, gifts, alerts, captions, and platform controls should be reserved before placing lyrics.

Use the tool

1920×1080 → source 1920×1080, font 32–48px, anchor bottom-center. 1080×1920 → source 1080×1920, font 36–56px, anchor bottom-center.

Step-by-step setup

01
Pick a canvas
Use 1920×1080, 1080×1920, or a custom size that matches OBS output.
02
Set a margin
Leave room around the longest lyric line.
03
Copy the source size into OBS
Keep the Overlay background transparent.

Frequently asked questions

Should the Browser Source match the canvas?

Yes. Matching width and height keeps anchors predictable.

Does this upload my Overlay URL?

No. The math is local.

Related guides and tools

OBS Overlay