Add Photo to Video

Overlay unlimited photos, logos, watermarks and stickers onto any video. Drag to reposition, resize, rotate, set shape, blend mode, opacity, and timing — all in your browser with live preview.

100% Free
No Upload Required
Unlimited Photo Layers
Drag to Reposition
6 Shapes
Blend Modes
Custom Timing

Drop your video here

or click to browse — MP4, MOV, WebM, AVI, MKV and more
MP4MOVWebMAVIMKVWMV+More
---
Duration: --- Resolution: --- Size: ---
Live Preview — Drag photo to reposition
👉 Drag photo on canvas to reposition  |  Use controls to resize & rotate
0:00 0:00
Photo Layers
Click "Add Photo" to overlay an image on your video
Edit Photo Layer
Width (% of video)25%
Height (% of video)Auto
Rotation0°
Opacity100%
0px
Drop Shadow0
Photo Brightness100%
Output Format:
Quality:
Compositing photo layers... 0%
Rendering photo overlays onto each frame...
Export Complete!
Original
---
Output
---
Photos
---
Format
---

How It Works

Add photos to any video in three simple steps.

1

Upload Your Video

Drag and drop or browse for your video file. Supports MP4, MOV, WebM, AVI, MKV and any format your browser can play.

2

Add & Style Photos

Click "Add Photo" to upload any image. Resize, rotate, position, choose a shape mask, set blend mode, add border, animate entry, and control show/hide timing.

3

Export & Download

Click Export to render the full video with every photo composited onto each frame. Download as WebM, MP4, or MKV with original audio preserved.

Everything You Need

A complete photo overlay studio — right in your browser.

Unlimited Photo Layers

Add as many images as you need — logos, watermarks, stickers, profile pictures, product shots. Each layer has independent position, size, rotation and timing.

6 Shape Masks

Display photos as Rectangle, Rounded Rectangle, Circle, Diamond, Star, or Heart. Shape masks are applied using Canvas clip paths for clean, sharp edges.

Custom Timing

Set start and end times per photo layer in seconds. Show a logo for the full duration, or flash a sticker between 5–8 seconds. Each photo appears and disappears independently.

6 Blend Modes

Normal, Multiply, Screen, Overlay, Lighten, Darken — blend your photo with the underlying video for creative compositing effects like transparent logos and double exposures.

Drag to Reposition

Click and drag any photo layer directly on the canvas preview to move it to the exact position you want. The layer snaps to your mouse position in real time.

100% Private

All compositing uses the HTML5 Canvas 2D context drawImage API. Your video and photos never leave your device — no uploads, no accounts required.

Frequently Asked Questions

How do I add a logo watermark to a video?
Click "Add Photo" and select your logo PNG file (transparent PNGs work best). Set opacity to around 50–70% for a watermark look. Use the Quick Position grid to place it in a corner. Leave the timing blank so it shows throughout the entire video, then click Apply.
What image formats are supported?
Any image format your browser can load — JPG, PNG, WebP, GIF (first frame), SVG, and BMP. PNG with transparent background is recommended for logos and stickers so the background does not cover the video.
Can I make the photo circular?
Yes. After adding your photo, click the "Circle" button in the Photo Shape / Mask section. The Canvas clip path will mask the image to a perfect circle. Rounded Rectangle is also popular for a soft, modern look.
Is my video uploaded to a server?
Never. All compositing uses the HTML5 Canvas drawImage API running entirely in your browser. Your video and image files stay on your device and are never transmitted anywhere.
How do I make a photo appear only for a few seconds?
In the "Show From → To" fields, enter the start second and end second for when the photo should be visible. For example, enter 3 and 7 to show the photo from the 3-second mark to the 7-second mark. Leave End blank to show it until the end of the video.
What blend modes are available and what do they do?
Normal renders the photo on top of the video at full colour. Multiply darkens where the photo overlaps the video. Screen brightens and creates a lighter blend. Overlay enhances contrast in both the photo and video. Lighten shows whichever pixel is brighter. Darken shows whichever pixel is darker. These match standard CSS mix-blend-mode values applied via Canvas globalCompositeOperation.

Free Online Add Photo to Video Tool — Image Overlay in Your Browser

Our free online add-photo-to-video tool lets you composite unlimited image layers onto any video with full control over size, rotation, shape, blend mode, opacity, border, shadow, animation, and timing — all running in your browser with no uploads and no software to install.

How Photo Compositing Works on the Canvas

Each video frame is drawn onto an HTML5 Canvas using the drawImage() method. For each photo layer, the Canvas 2D context's save/restore, translate, rotate, scale, and clip path methods are used to position, size, rotate, and mask the image. The globalCompositeOperation property is set to the chosen blend mode before drawing each photo. globalAlpha handles opacity. The clip path for shape masks — circle, rounded rectangle, diamond, star, and heart — is built using beginPath() and arc() or bezier curve methods. The final canvas stream is captured by MediaRecorder for export.

Common Use Cases

Adding a logo watermark to brand videos, overlaying a circular profile photo for talking-head videos, inserting product images into promotional videos, adding sticker-style PNG graphics to social media clips, creating lower-third picture-in-picture effects, and compositing transparent overlay graphics are all common uses for this tool.

Scroll to Top