Picture in Picture
FFmpeg PoweredOverlay small window in video corner
Drag & drop files here, or click to select
Supports MP4, WebM, AVI, MOV, MKV and other common formatsSettings
Drag & drop files here, or click to select
支持 MP4, WebM 等视频格式Settings
How to Use
- Click the area above to select a file, or drag and drop a file onto the page
- Adjust parameters in the settings area
- Click the process button and download the result when ready
Frequently Asked Questions
How It Works
The Picture-in-Picture tool uses FFmpeg WebAssembly with the overlay and scale filters to composite a smaller video or image on top of the main video. The tool creates a multi-layer composition in real-time within the FFmpeg filter graph.
The process involves: (1) Loading the main video as the base layer. (2) Loading the overlay video/image as a secondary layer. (3) Scaling the overlay to the desired size (10-50% of the main video). (4) Using the overlay filter to position the scaled overlay at the specified corner or center position.
The overlay filter uses coordinate mathematics: for top-left placement, the overlay is placed at (margin, margin). For bottom-right, it's placed at (main_width - overlay_width - margin, main_height - overlay_height - margin). Both streams are decoded, composited frame-by-frame, and re-encoded into the output file.
Tips & Best Practices
- Corner placement: Bottom-right is the least intrusive position for tutorial videos where the presenter overlay shouldn't cover content.
- Size ratio: 20-25% of the main video works best for face-cam overlays. Larger sizes work for emphasis.
- Match frame rates: Ensure the overlay video has the same frame rate as the main video to avoid sync issues.
- Use image overlays for logos and watermarks — they process faster than video overlays.
- Content creators: Place the overlay where there's visual dead space in the main video to avoid covering important content.
- Test with short clips first: PiP processing is resource-intensive. Verify your settings work before processing the full video.
Use Cases
Tutorial creators overlaying a webcam feed on screen recordings to add a personal touch to instructional content.
Gaming streamers placing their face-cam in the corner of gameplay footage for highlight compilations. Interview producers creating side-by-side or PiP compositions for remote interview videos. Sports commentators overlaying stats graphics or replay angles on the main broadcast feed. Product demo creators showing close-up details as an overlay while maintaining the wide-angle view. News producers adding sign language interpreter overlays to broadcast content.