Free Twitch / YouTube live-stream layout calculator. Set canvas resolution and aspect ratios for webcam and gameplay box; outputs exact pixel dimensions to paste into OBS / Streamlabs.
Use when designing a new stream overlay or moving from 1080p to 1440p. Pixel-perfect dimensions prevent blurry scaling artifacts.
OBS Studio templates require dragging-and-eyeballing. This gives you exact numbers to paste in.
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.
Scaling your image at non-integer ratios introduces blur. The calculator outputs exact pixel sizes to avoid scaling artifacts.
15–25% of canvas width on a 1080p stream. Smaller for gameplay, larger for face-cam-focused content.
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.
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.
इनपुट
1920×1080 canvas, 16:9 webcam at 25% width, 10 px padding.
आउटपुट
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.
Optimal grid + VRAM footprint for 2D animations.
gamedevGame Boy / NES / Genesis storage gauge.
gamedevWAV / MP3 / OGG storage budget per minute.
gamedevPacks to pull a rare with 95% confidence.