Overlay Images
Open a background photo, add the image you want on top, then move, resize, crop and fade it. Use blend modes for light leaks, textures and double exposures. Nothing is uploaded.
Open your background photo first
Then add the image to put on top and adjust opacity, size and blend mode.
Drop files here or press Ctrl+V. JPG, PNG, WebP, AVIF, GIF, HEIC, SVG and PSD.
Or start with a blank canvas
What does overlaying images mean?
Overlaying means placing one image on top of another so both show in the final picture. In this editor every image is a layer: the background photo sits at the bottom and each picture you add lands on top of it. You can drag the top image anywhere, scale it from the corners, rotate it, crop it, flip it and make it see-through with the opacity slider. Blend modes such as Multiply, Screen and Overlay mix the two images in different ways, which is how texture overlays, light leaks and double exposure effects are made.
How to overlay one image on another
- Choose Open File and pick the background photo. This sets the size of the final picture.
- Choose Add image on top, or paste a second image with Ctrl+V. It appears in the middle as a new layer.
- Drag it into place and pull a corner to resize it. Use Crop in the panel to trim it, or the round handle to rotate it.
- Lower the opacity, or try Multiply, Screen or Overlay in the bar above the photo to blend the two.
- Choose Save image to download the combined picture as PNG, JPG or WebP.
Why overlay images here
- Real layersChange the order, opacity or position of any image at any time without starting over.
- 16 blend modesNormal, Multiply, Screen, Overlay, Soft light, Difference, Color and more, all free.
- Snapping guidesImages snap to the edges and center of the canvas and to each other, so lining things up is quick.
- Private and freeNothing is uploaded and there is no watermark on the result.
Common overlay projects
- A logo or watermark on photos
- A cut-out person or product placed on a new background
- Texture, grain or light leak overlays with blend modes
- Double exposure portraits
- Before and after or side by side comparisons
- A signature on a scanned document
Blend modes explained
| Mode | What it does | Try it for |
|---|---|---|
| Normal | Shows the top image as it is | Logos, stickers, cut-outs |
| Multiply | Darkens; white disappears | Signatures, line art, shadows |
| Screen | Lightens; black disappears | Light leaks, sparkles, fire, double exposure |
| Overlay | Adds contrast using both images | Paper, grain and texture overlays |
| Soft light | A gentler Overlay | Subtle color washes |
| Difference | Shows where two images differ | Spotting changes between two versions |
| Color | Takes only the hue and saturation | Tinting a black and white photo |
Example: a logo on a product photo
Open the product photo, then add your logo as a PNG with a transparent background. Shrink it with a corner handle, drag it to the bottom right until the pink guide snaps to the edge, and set the opacity to 80%. Duplicate the layer with Ctrl+D if you want the logo twice. Save a JPG for your shop, or keep a PSD so you can move the logo again later.
What to expect from the result
Overlays are placed as whole rectangles. There is no eraser or mask yet, so you cannot fade just part of an image or cut a person out by hand. Use the background remover first to get a cut-out PNG, then overlay it here. Blend modes follow the browser's canvas, which matches Photoshop closely for common modes but can differ slightly in edge cases.
Overlay images FAQ
How do I put a picture on top of another picture?
Open the first picture, then choose Add image on top or paste the second one. It becomes a layer above the first. Drag it, resize it from the corners and save. The bottom photo decides the size of the final image unless you change the canvas.
How do I make the top image transparent?
Select it and move the Opacity slider down. At 50% both images show equally. If you need a transparent background around a logo or object, use a PNG that already has transparency, or run the image through the background remover first.
What blend mode should I use?
Multiply keeps the darks and drops white, which is good for line art and signatures. Screen keeps the lights and drops black, which suits light leaks, fire and stars on black. Overlay boosts contrast and works well for textures. Normal simply places the image on top.
Can I put two photos side by side instead?
Yes. Open the first photo, then use Canvas > Resize canvas to double the width with the anchor on the left. Add the second photo and drag it into the empty half. The guides snap it to the edges.
Which file types can I open and save?
You can open JPG, PNG, WebP, AVIF, GIF (the first frame), BMP, SVG, HEIC photos from an iPhone and layered PSD files. You can save PNG, JPG or WebP with a quality slider and a size option, copy the result to the clipboard, or save a layered PSD to keep editing later.
Are my photos uploaded anywhere?
No. The editor runs in your browser tab and reads your files directly from your device. There is no upload step, no account and no server copy. When you close the tab, the working copy is gone unless you saved it.
More image tools that stay on your device
Cut out a subject with the background remover, erase unwanted things with remove object from photo, or hide faces with blur face, then bring the result in as a layer. To change many files at once, use the image resizer. Before you share a photo, strip its location with the photo metadata remover.