How to position a webcam picture-in-picture overlay
Where to place a webcam PiP overlay, how to size and frame it, how to handle portrait rotation, and how to test that it doesn't cover your content.
The short answer
Put the webcam overlay in the corner of the frame that stays emptiest throughout your recording or stream, leave a small gap between it and the edges, and make it large enough that your face is readable without hiding what viewers came to see. Frame yourself in the camera before you shrink the feed into the overlay. If your final video is vertical (portrait), set the canvas to portrait first, then rotate or crop the camera source so your head appears upright and unstretched.
There is no universal correct corner, size or margin. The right position depends on where your important content appears: menus, slide titles, captions, chat, code or game information. The best spot is wherever none of that sits.
Which kind of PiP do you mean?
"Webcam PiP" can refer to three different things, and the advice changes depending on which one you mean:
- A webcam overlay in your own recording or stream layout. You control where it sits, and viewers see exactly that composition. Most of this guide covers this case.
- The self-view thumbnail in a video-call app. Usually only you see it, and moving it does not change what other participants see. In many call apps, each participant arranges their own view of shared screens and camera tiles, so you may not be able to set where your camera appears for others.
- A floating picture-in-picture window from your browser or operating system. This is a viewing feature that keeps a video on top of other windows. It is not part of anything you record unless you capture that part of the screen.
Before you start
- Confirm the recording or streaming app can see your camera. If the camera source shows black or an error, check the operating system's camera permission for that app, and close any other app that might be using the camera.
- Know your output shape: landscape (wider than tall) or portrait (taller than wide).
- Have a sample of the real content you will show, such as your slides, the program window or the game, so you can position the overlay against it.
Seeing a live image in the camera preview shows that the app has access and is capturing video. It does not tell you how the final recording or stream will look after compression, or how a call will look to other people.
Step-by-step: positioning the overlay
1. Set the canvas orientation
In your recording or streaming software, set the output canvas to the shape you will publish: landscape for most desktop recordings and calls, portrait for vertical short-form video. Do this first, because every position decision depends on it.
How to know it worked: the main preview area has the same shape as your intended video.
2. Map where your content lives
Look at your content and note what must stay visible. Slide decks often put titles at the top. Software interfaces often have menus along the top and side. Captions usually sit at the bottom center. Chat panels and game information often occupy a fixed corner. Pick the corner that stays clear through the whole session, not just at the moment you look.
How to know it worked: you can name one corner that never contains important information during the session.
3. Frame yourself in the raw camera feed
Adjust the physical camera before you shrink it. Place it near eye level, center your face, leave a little space above your head, and keep distracting objects out of the frame. Cropping in software can hide edges, but it cannot fix a camera that is looking up at your chin.
How to know it worked: at full size, your face is centered, your eyes sit in the upper part of the frame, and your face is in sharp focus. If autofocus keeps shifting, check whether your camera software lets you lock focus. Small overlays hide softness, so judge focus at full size.
4. Handle portrait rotation if your output is vertical
Most webcams produce a landscape image. For a portrait overlay or a portrait canvas, you have two options:
- Crop the landscape feed to a taller shape. This is simple and keeps the camera in its normal position, but it discards the sides of the image, so the overlay uses fewer of the camera's pixels.
- Rotate the camera physically by 90 degrees, then rotate the camera source 90 degrees in your software so the picture appears upright. This uses the camera's full image in a vertical shape. It only works if your mount allows it and your software offers a rotate or transform option for the source. Check for that option before relying on this method.
Rotation and mirroring are different settings. Rotation turns the image; mirroring flips it left to right. A sideways picture needs rotation. Backwards text behind you, or reversed movement in your own preview, comes from mirroring.
How to know it worked: your head is upright, nothing looks stretched or squashed (round objects still look round), and any text in the background reads normally in the output preview.
5. Size the overlay with its aspect ratio locked
Scale the camera source down using a corner handle or a proportional scale setting, so its width and height change together. Aim for a size where your expressions are readable but the overlay doesn't crowd the content. Content with fine detail, such as code or spreadsheets, usually calls for a smaller overlay. Talking-head-led content can use a larger one.
How to know it worked: the overlay has the same proportions as your cropped camera image, and you can read your expression at the size viewers will watch, not just on your large monitor.
6. Place it in the chosen corner with a margin
Move the overlay into the corner you chose, then pull it slightly away from both edges so it doesn't look jammed against the frame. On vertical video platforms, the app usually draws its own buttons, captions and account details over the edges and bottom of the video, so keep your overlay and important content clear of those areas. Their exact positions vary by platform and device, which is why the playback check in step 8 matters.
How to know it worked: the overlay sits clear of all content you mapped in step 2, with visible space between it and the frame edges.
7. Tidy the overlay
Crop the camera source to remove clutter at the edges. If your software supports it, consider a thin border or rounded mask to separate the overlay from busy content behind it. A blurred or replaced background inside the overlay is a virtual effect, separate from cleaning up your physical room. If you use one, check it in motion, because edges around hair and hands can flicker.
How to know it worked: the overlay reads as a clean, separate element and nothing distracting appears at its edges.
8. Make a test recording and play it back
Record a short sample that includes the busiest parts of your content: menus opening, slides changing, captions appearing. Play it back at the size viewers will use. For vertical video, watch it on a phone if possible.
How to know it worked: across the whole sample, the overlay never covers anything important, your face stays in focus and upright, and the overlay doesn't collide with playback controls or platform interface elements.
What this test does and doesn't cover
A local test recording confirms the overlay's position, size, rotation and framing in your output. It does not confirm several other things:
- Microphone and audio: whether your microphone is detected, picking up sound, and producing clear speech each need separate checks.
- How a live stream or call looks to others after compression and network conditions affect it.
- How a call app lays out your camera for other participants, which they often control themselves.
- Lighting changes over a longer session, such as daylight fading, which can affect exposure and focus.
A note on numbers
No verified figures were available for exact overlay sizes, margin widths or platform safe zones, so this guide doesn't give any. Use the visual checks above, and if your publishing platform documents its safe areas for vertical video, follow that guidance for the final placement.