Skip to content
Redmoon Calculators
Utilitaires d'écriture All languages

Stream / OBS Layout Pixel Budgeter

Calculatrice gratuite de mise en page de stream.

Quand l’utiliser

Use when designing a new stream overlay or moving from 1080p to 1440p. Pixel-perfect dimensions prevent blurry scaling artifacts.

Comparaison

OBS Studio templates require dragging-and-eyeballing. This gives you exact numbers to paste in.

Enter your values below. Calculations run locally as you type.

Comment ça marche

Webcam pixel width = canvas width × (size %). Pixel height = width × (aspect-ratio H ÷ aspect-ratio W).

The position output places the webcam in the bottom-right corner with the chosen padding from each edge.

Use the visual preview to sanity-check coverage before pasting dimensions into OBS / Streamlabs.

FAQ

Why does my webcam border get blurry?

Scaling your image at non-integer ratios introduces blur. The calculator outputs exact pixel sizes to avoid scaling artifacts.

What's a good webcam size?

15–25% of canvas width on a 1080p stream. Smaller for gameplay, larger for face-cam-focused content.

Why should I size overlays in exact pixels instead of percentages?

OBS and Streamlabs position and scale sources by pixel coordinates, so exact dimensions let you paste values directly without guesswork. This also keeps elements crisp by avoiding fractional scaling.

Do these pixel dimensions change between 1080p, 1440p, and 4K?

Yes; the same on-screen proportion translates to more pixels at higher canvas resolutions, so a webcam that is 320 px wide at 1080p needs roughly 640 px at 4K. Always set your dimensions for the canvas resolution you actually stream at.

Exemple concret

Entrée

1920×1080 canvas, 16:9 webcam at 25% width, 10 px padding.

Sortie

Webcam 480×270 px at position (1430, 800).

25% × 1920 = 480 px wide. 16:9 ratio → 270 px tall. Positioned 10 px from the right and bottom edges.

Pièges courants

  • Twitch and YouTube preview different aspect ratios on mobile — leave safe-area buffer.
  • OBS scene scaling can override your pixel choices — confirm output resolution matches.
  • Webcam software (XSplit Vcam, etc.) may add their own resize step.

Outils similaires

Envoyer un retour

Nous lisons chaque message. Dites-nous ce qui peut être amélioré ou ce que vous aimez.