Facecam Placement Calculator

Pick your canvas size, facecam dimensions, and corner position — get exact OBS Source Transform values and a live canvas preview showing where your webcam will appear on stream.

Shape

Position


Canvas preview

1920 × 1080
game / content area
Facecam

OBS Source Transform values

Right-click webcam source → Transform → Edit Transform

Position X
1420
px
Position Y
790
px
Width
480
px
Height
270
px
Bottom Right: Conflicts with minimaps in MOBAs (League, Dota), open-world RPGs, and strategy games. Safe for platformers and rhythm games.

How the calculation works

In OBS, every source has a Source Transform — position (X, Y) and size (Width, Height) in pixels relative to your canvas. This calculator computes those values based on your canvas dimensions and the corner you choose.

A 20 px padding is applied from each edge to keep the facecam from sitting flush against the border. To apply the values in OBS, right-click your webcam source → Transform → Edit Transform and enter the Position and Size values shown below.

For a circular facecam, apply a Mask/Blend filter to your webcam source in OBS (Filter → Add → Mask/Blend, select a circular PNG mask). The position and size values remain the same.

Frequently asked questions

Where do I enter these values in OBS?

Right-click your webcam source in the Sources list → Transform → Edit Transform. Enter the Position X/Y and Size Width/Height shown by this calculator. Make sure 'Use canvas coordinates' is checked.

Which corner is best for gaming?

Top-right is the safest default for most games — the majority of in-game UIs (health bars, minimaps) avoid that corner. Bottom-left is a good alternative. Avoid bottom-right for games with minimaps (MOBAs, open-world RPGs).

What facecam size should I use?

For gaming, Small (320×180) or Medium (480×270) keeps the game visible. Just Chatting streams typically use Large (640×360) or larger — viewers are there to watch you, not a game.

Does this work for 1440p or 4K canvases?

Yes — select your canvas size from the dropdown and the calculator scales all values accordingly. The output bitrate in OBS is separate from canvas size.

How do I make my facecam a circle in OBS?

Add a Mask/Blend filter to your webcam source, set the type to 'Image' and use a white circle on a black background PNG as the mask. You can find free circular masks by searching 'OBS circle webcam mask PNG'.

Related tools