How to Make Picture-in-Picture Video Online
Create picture-in-picture (PiP) videos in your browser—overlay a webcam, logo, or second video on top of your main footage. No upload needed.
Picture-in-picture (PiP) overlays a smaller video on top of a main video. It is one of the most popular video formats for tutorials, gaming streams, video reactions, and presentations.
Common PiP content types
| Content type | Main video | PiP overlay | Typical PiP placement |
|---|---|---|---|
| Tutorial | Screen recording | Presenter webcam | Bottom-right corner |
| Gaming stream | Gameplay footage | Gamer facecam | Bottom-right or bottom-left |
| Interview | Guest video | Host video | Top-right or split |
| Product demo | Product screen | Presenter inset | Bottom-right |
| Video reaction | Source video | Reactor facecam | Bottom-right corner |
How to make PiP in 3 steps
- Open NanoPix Overlay and import your main video (desktop capture, gameplay, etc.).
- Import your overlay video (webcam recording, second angle, presenter footage).
- Adjust position (drag or use x/y coordinates), scale (size of overlay window), and opacity (usually 100% for PiP). Click Export.
PiP positioning and size best practices
| Element | Recommendation |
|---|---|
| Main video position | Full frame (no adjustment needed) |
| PiP window width | 15–25% of main video width |
| PiP corner placement | Bottom-right is the standard, least intrusive position |
| PiP corner margin | 10–20 pixels from edges |
| PiP opacity | 100% for full visibility, or lower for less distraction |
Professional PiP tips
- Avoid covering important content — position the PiP window where it won't obscure key information in the main video
- Lead with the camera — in tutorials, briefly show the presenter full-screen before reducing to PiP (requires pre-edited source)
- Match aspect ratios — if your main video is 16:9, keep the PiP overlay in a compatible ratio (often 9:16 for vertical webcam or 4:3 for standard cameras)
- Check the export preview — verify positioning before the final export
Related tools
- Trim — trim your main video and PiP clip to matching durations before overlaying
- Add Audio — mix audio from both video sources (each can contribute audio to the output)
- Crop — crop the PiP overlay source to remove background before compositing
FAQ
Can I resize the PiP window?
Yes. Adjust the scale control to make the overlay larger or smaller. 15–25% of the main video width is the standard range for PiP.
Can I move the PiP window anywhere on the screen?
Yes. Use the x/y coordinate controls for pixel-level positioning. You can place the overlay anywhere on the frame.
What video formats work for PiP overlays?
Both the main video and overlay video work with MP4, MOV, MKV, WebM, and other formats supported by NanoPix.
Can I use an image instead of a video for PiP?
Yes. Image overlays work well for static watermarks and logos. For animated PiP content, use a video source.
Will both video audio tracks be included in the output?
Yes. Both the main video and overlay video contribute their audio tracks to the output. Use Add Audio to adjust volume levels independently.
Is PiP video editing free with NanoPix?
Yes. All overlay features are completely free with no limits, no watermark, and no account required.