無料のTwitch / YouTubeライブ配信レイアウト計算機。
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.