Overlay Images Online
Put one picture on top of another: drop the base image here, add as many overlays as you like, then drag, scale and turn them.
or browse filesdrop an image here or paste
.png
Put one picture on top of another: drop the base image here, add as many overlays as you like, then drag, scale and turn them.
or browse filesdrop an image here or paste
This is an image overlay tool: it puts one picture on top of another and lets you place it exactly where you want. Drop in the base image, add an overlay, then drag it around on the picture, pull its corner to resize it, swing the handle under it to turn it, and set how transparent it is. You can add as many pictures as you like and stack them in any order. Everything runs in your browser, so nothing is uploaded and there is no signup and no watermark.
It is the free online layering tool for all the jobs that start with "add an image on top of an image": putting a logo or a watermark on a photo, adding a cut-out person or product to a background, laying a texture or a frame over a picture, overlapping two images so both still show, or stacking a signature onto a scanned document. If the overlay is a PNG with transparency, its see-through parts stay see-through, so a cut-out with no background really does sit on the picture underneath rather than in a white box.
People look for this in a dozen different ways: an image overlay editor, a photo layering tool, free photo overlays, a way to superimpose two pictures, putting an image inside an image, or setting one photo above another. It is all the same job - two layers, one on top of the other, and you decide where each one sits and how strongly it shows.
Tap an overlay to select it, tap empty space to deselect, and tap the red x on its top-left corner to remove it. Keyboard: Delete removes the selected picture, the arrow keys nudge it, [ and ] change its order, R clears every overlay, D downloads, I opens the details card, F is fullscreen. It works the same with a finger: a touch on a picture drags it straight away instead of scrolling the page.
Opacity is the transparency control, and it belongs to whichever picture is selected. At 100% that overlay is solid and hides what is beneath it; at 40% it is half see-through so both pictures read at once, which is how a watermark, a ghosted logo or a double-exposure effect is made; at 0% it disappears. Each overlay keeps its own opacity, and none of them touches the base picture.
That is separate from the transparency the overlay file already has. A PNG or WebP that was saved with an alpha channel, a cut-out subject, a logo on no background, a sticker, a signature scanned and cleaned, keeps its own shape here: the composite follows the standard rules, so transparent pixels in the overlay simply leave the base picture showing. You can lower the opacity on top of that, and the two effects combine.
By default an overlay is drawn normally, straight over what is under it. Choose a blend mode for the selected picture and the layers start to interact:
Nothing is baked in until you download, so trying a mode costs nothing.
The base image owns the frame: the file you download is exactly the size of the base picture, so the photo underneath is never resampled or shrunk. Everything you put on it is an object that remembers where it sits, how big it is, how far it is turned, how transparent it is and how it blends, all measured against that frame, so what you see on screen is exactly what the full-resolution file will be.
Order matters once there are two or more. Send back and Bring forward move the selected picture down or up the stack, which is how you decide what covers what where they overlap.
The details card behind the i button on the stage carries the numbers: the size of the base file, how many pictures are on top of it, the size the selected one is actually being drawn at in output pixels, where its centre sits as a percentage across and down the frame with its angle, and the size of the result. Tap any value to copy it. Those details live on the stage rather than in the panel, so the controls stay short.
The download is rendered from the two original files at full resolution, not from the preview on screen, and comes out as PNG, JPG or WebP. Choose PNG or WebP if any part of the finished picture should stay transparent; a JPG has no alpha channel, so transparent areas are filled white instead of the black a bare encode would give you. Nothing is uploaded at any point, and the page keeps working offline once it has loaded.
To mix two pictures evenly across the whole frame instead of placing one on the other, use the image blender, which leads with a blend slider and adds gradient cross-fades. For a flat colour wash rather than a second picture, there is the color overlay tool. To cut a subject out of its background before overlaying it, try the green screen remover; to trim or resize either picture first, the crop tool and the resize image tool. These are a small part of a much larger set of image utilities on this site; see what is live right now on the all tools page.
Open the base picture on this page, press Add image for the one that goes on top, then drag it into position on the picture itself. Pull its corner handle to resize it, swing the handle underneath to turn it, set its opacity, pick a blend mode if you want one, and download the result as PNG, JPG or WebP. Nothing is uploaded and the tool is free.
Yes. If the overlay is a PNG or WebP with an alpha channel, a cut-out subject or a logo with no background, its transparent pixels leave the base picture showing through. The Opacity slider is a second, separate control that makes the whole overlay more or less see-through on top of that.
Yes. Drag the overlay to the corner you want and pull its bottom-right corner handle inward until it is the size you need; a logo or a watermark is usually a tenth or a fifth of the picture. The overlay can also hang partly off the edge, and the details card tells you exactly where its centre sits and how many pixels across it is being drawn.
Select the picture on top, leave its blend mode on Normal and set its Opacity to somewhere around 40 to 60%, then drag it so it overlaps the part of the base picture you want to keep visible. Both pictures then show through each other where they meet. Multiply and screen are the other two modes worth trying for this.
Exactly the size of the base picture, the first one you opened. The base is never scaled, so nothing about the photo underneath is degraded; only the pictures placed on it are resampled to the size you set them to. If you would rather a different photo set the size, start over with that one as the base.
Yes. Press Add image as many times as you like, or drop several files on the page at once: the first picture is the base and every one after it becomes another layer you can move, resize, turn and blend on its own. Send back and Bring forward set which of them covers which, and the whole stack is composited at full resolution when you download.