Overlay One Image on Another
Overlay one image on another online, free and with no signup. Drop the picture that goes underneath and the image panel is already open, so you can put a second photo, a logo or a transparent PNG straight over it, drag it where you want, resize it and fade it. Nothing is uploaded. Up to 25 MB per file.
Drop the bottom image first
Then overlay the second one. Both stay editable, and so does the order. Or press Ctrl + V to paste one straight from your clipboard. PNG, JPG or WebP, up to 25 MB. Edited in your browser, never uploaded.
One On Top
Of The Other.
Putting one picture on another is the most basic thing an image editor does, and it is somehow still a reason to install software, make an account, or upload two files to a stranger. Your browser can composite images on its own. This page just gets out of its way.
Tools that pair well with this one
All free, all in your browser, no signup.
How to overlay one image on another
Three steps, no account, 25 MB per image.
Drop the background image
This is the picture that goes underneath. Drag a PNG, JPG or WebP onto the box, or paste one with Ctrl+V.
Add the image that goes on top
The image panel is already open when the editor loads. Upload the second file, then click it to place it or drag it straight onto the spot you want.
Position it and download
Drag, resize, rotate and set the transparency. Export as PNG to keep any transparency, or JPG if you need it smaller.
The fast path
Put an image over another image without opening Photoshop
The job is nearly always the same shape: one picture is the background, the other goes on top of it somewhere specific, and it needs to be the right size.
Drop the background first, because that sets the canvas. The editor opens with the image panel showing, so the second file is one upload away. Once it is in the panel you can click to drop it in the middle or drag it directly to the spot, and it lands selected and ready to move.
- Size it: Drag any corner. The aspect ratio holds, so the overlay does not stretch while you are getting it right.
- Place it: Drag it anywhere, including partly off the edge if you want it bleeding out of the frame.
- Turn or mirror it: Rotate from the handle above, or flip horizontally so a logo or a face points the right way.
- Soften the edges: Rounded corners and a border, if the overlay needs to look like a deliberate inset rather than a pasted rectangle.
You can add several. Every one is its own layer, so building a collage of five small pictures over one background is five objects you can nudge individually rather than one arrangement you have to get right in a single go.
Overlay
Overlay two images online, and what overlay actually means here
Overlay two images online, superimpose them, layer one over another: three phrases for the same operation, and they all come down to what happens where the two pictures meet.
By default the top image simply covers what is underneath, which is what most people want: a logo in a corner, a headshot on a background, a badge over a product photo. When you want the two to mix instead, drop the top layer's opacity and the picture underneath starts showing through.
- Solid overlay: Full opacity. Use it for logos, cutouts and anything with a hard edge that should read as separate.
- Blended overlay: Somewhere between 20% and 60%. Use it for textures, ghosted images and before-and-after comparisons.
- Stacking order: Send a layer forward or back from the layers panel, which opens from the layer count in the status bar. This is how you get one image behind another after you have already placed both.
Transparency
Overlay one photo on another, or a transparent PNG over either
This is the case that breaks most simple overlay tools, and the symptom is always the same: your logo arrives with a white rectangle around it.
It happens when a tool flattens every layer onto a white background, or converts your PNG to JPG somewhere in the pipeline. JPG has no transparency at all, so anything transparent becomes white the moment the conversion happens.
Here the alpha channel is preserved through the whole edit, and the export defaults to a format that can hold it. If you deliberately pick JPG on the way out, the editor tells you first that transparent areas will come out white. We will not make that swap quietly.
The practical version: if your overlay has transparency, export as PNG or WebP. If the background photo is a large JPG and the overlay is opaque anyway, JPG is fine and the file will be a lot smaller.
Which tool
Overlaying images and merging images are different jobs
Both phrases get searched for the same thing, and picking the wrong one wastes five minutes, so here is the distinction in one line each.
- Overlay (this page): One picture sits on top of another. They share the same canvas and can cover each other. Logos, badges, insets, watermarks, collages with depth.
- Merge: Pictures sit next to each other in a grid, side by side or stacked. Nothing covers anything. Before-and-after pairs, comparison shots, four-up thumbnails.
If you want two photos beside each other with a clean seam, the merger does it in one step and does not ask you to line anything up by hand.
Compositing, without the compositing software.
Two files, one canvas, no learning curve.
Transparency actually survives
Drop a PNG with a transparent background and it stays transparent. No white box around your logo, and no quiet conversion to JPG on the way out.
Per-layer opacity
Fade the top image to blend the two, or leave it solid. It is a slider, not a blend-mode dropdown you have to learn first.
Drag, resize, rotate, flip
Move it anywhere, scale it from any corner, spin it, or mirror it so a logo faces the right way. Rounded corners and a border are there if the overlay needs to look deliberate.
Crop the layer, not the picture
Trim the image you added without touching the one underneath. Select it and crop lives right in its own toolbar, so there is never a question about which picture you are cutting.
Nothing leaves your device
Both images are opened by your browser. Neither one is uploaded, which is why this is instant even when you are stacking two large photos.
No watermark, no account
No signup wall, no logo stamped in the corner, no export limit. Download at full resolution or double it.
Frequently asked questions
How overlaying works here, and where it stops.
Drop the picture that goes underneath on the box above. The editor opens with the image panel already showing, so upload the image you want over it there.
Click it to place it in the middle, or drag it straight where you want it. Then resize from the corners, rotate, set the transparency if you want the two to blend, and press Download.
Yes, and the transparency survives. Export as PNG or WebP and your logo keeps its transparent background with no white box around it. If you pick JPG the editor warns you first, because JPG cannot hold transparency and those areas would come out white.
Yes, that is the same job under an older word. Superimposing two images online means putting one over the other on a shared canvas, which is what happens the moment you add the second file. Drop the top layer's opacity if you want them to blend rather than one covering the other.
As many as the canvas can hold. Each is its own layer with its own position, size, angle and opacity, and you can reorder them from the layers panel so one sits in front of another.
Yes. Select it and use the opacity control in its toolbar. Anywhere between 20% and 60% is the useful range for blending two photos; above that it mostly just covers, and below it tends to disappear.
This one stacks: pictures share a canvas and can cover each other. The merger tiles: pictures sit beside each other in a grid with nothing overlapping. If you are making a before-and-after pair or a four-up thumbnail, the merger is one step instead of four.
Yes, and only that one. Select the overlay and Crop is in its own toolbar rather than in the tool rail, which is deliberate: when there are two pictures on the canvas, a crop button that does not say which one it means is a guess waiting to go wrong.
Neither one does. Your browser opens both files and composites them locally. Nothing is sent to a server, which is why it stays fast with two large photos and why nobody here can see what you combined.
PNG, JPG and WebP, up to 25 MB per file, and you can mix them: a JPG photo with a PNG logo on top is the most common combination there is.
Yes, at the size of the background image, and you can export at double that if you need it. There is no quiet downscale and no watermark.
Overlay your images now
Drop the picture that goes underneath, put the second one over it, drag it into place. Nothing gets uploaded and nothing gets watermarked.