Free Image Overlay Tool
Overlay one image on top of another in your browser. Drop in a background, add pictures on top, then drag, resize, fade and reorder them like layers. Nothing is uploaded.
Drop the background picture here
It sets the size of the finished image. Then add the pictures that go on top.
Runs entirely in your browser. Your images are never uploaded to a server.
How it works
- Drop in the background picture. It sets the size of the finished image.
- Add the pictures that go on top. Each one appears as a layer in the panel beside the canvas, starting smaller than the background so nothing gets covered by accident.
- Drag a picture to move it, and drag a corner to resize it. Pictures always keep their proportions.
- Reorder the layers by dragging them in the panel or with the arrows, and fade any of them with the opacity slider.
- Download the result at the full size of the background.
Common use cases
- Placing a logo exactly where it belongs on a photo, at exactly the size you want.
- Dropping a product shot with a transparent background onto a lifestyle photo.
- Insetting a small photo into the corner of a bigger one, picture-in-picture style.
- Layering a faded texture or pattern over a picture.
- Stacking a before and after, then fading the top one to compare them.
Frequently asked questions
- How do I put one picture on top of another?
- Drop the background in first, then add the second picture. It appears on top, centered and smaller than the background, with handles on its corners. Drag it into place, drag a corner to make it the size you want, and download. The background decides the size of the finished image.
- How do I change which picture is in front?
- Every picture is a layer in the panel, and the one at the top of the list is in front. Drag a layer up or down the list, or use its arrow buttons. With a picture selected on the canvas, the ] and [ keys bring it forward and send it back.
- Can I overlay a picture with a transparent background?
- Yes, and it behaves the way you would expect. A PNG with transparency shows the layers beneath through its clear areas, and clicking a clear area selects whatever is behind it rather than the transparent picture on top. If your picture is a logo or product on plain white, the remove white background tool will make the white transparent first.
- Can I make a layer see-through?
- Select it and drag the opacity slider. At 100% it is solid, and lower values let the layers beneath show through. It is useful for watermarks, textures, and comparing two versions of a picture.
- Should I save as PNG or JPG?
- PNG, if any part of the canvas is uncovered. Moving or shrinking the background leaves transparent space, which a PNG keeps and a JPG fills with white. If the background still covers the whole canvas, JPG is fine and much smaller.
- Can I rotate pictures or add text?
- Not here. This does moving, resizing, opacity and order, and deliberately nothing else, so it stays usable in seconds. For text on a photo, use the add text to photo tool.
- Are my pictures uploaded?
- No. Every picture is placed and combined in your own browser, and the finished image is created on your device. Nothing is sent anywhere, and there is no signup.
Related tools
Understand what this does
Plain explanations of what is happening to your file, and what it costs you.
- How to merge two photos into oneSide by side, or one on top of the other. Decide which you mean first, because they need different tools and give very different results.
- How to make an image transparentUsually it means a clear background, sometimes a see-through picture. Both are easy, and both are undone by saving in the wrong format.