Combine photos

overlay two imagesLay one photo over another.

Line two pictures up exactly, then choose how much of the top one shows.

or drop them here · paste with Ctrl+V

Free · No account · Your photos stay in this tab

No frames loaded yet

Load a base frame, then the one that goes over it. Either slot takes a paste, or open the sample pair.

The sample pair is a silhouette and a texture, drawn here rather than fetched.
Both slots have to be filled before there is a blend to save. The sample pair fills them in one press.

Overlay two images frame on frame — superimpose two shots of the same scene, check a change, ghost one picture into another — at any opacity, lined up automatically.

No blend yet: both slots are waiting for a frame

Line them up first, then decide how they mix

Superimposing two shots only works when they are in register. Auto-align measures the offset between them and moves the layer; onion skin and flicker let you check the result by eye; the arrow keys finish the job a pixel at a time. Then the opacity, a blend mode or a mask decides how the two combine.

How to do it

  1. Load the base, then the layerThe base sets the output size.
  2. Press Auto-alignRead the sentence it reports; Undo if it guessed wrong.
  3. Check with onion skin or flickerNudge with the arrow keys if needed.
  4. Set the opacity and exportOr pick a blend mode from the rail.

Where it stops

Alignment is translation only. Two photos taken from different positions, zooms or angles will still disagree after aligning, and nothing is warped to force them to match.

Questions people ask

What is the difference between overlaying and putting a picture on top?

Here the second image fills the whole frame and is mixed into the first, pixel by pixel. Putting a smaller picture at a spot, with its own edges, is a placement job this site does not do.

How does auto-align work?

It compares the two frames' brightness patterns at a reduced size (phase correlation) and finds the shift that lines the second up with the first. It moves the layer and says by how much, for example moved 12 px right, 4 px up. If the match is ambiguous, nothing moves and it says so. It corrects shifts only — not rotation or scale.

What is onion skin?

A view that shows the layer at 50% over the base while you align, whatever opacity you have set. Flicker switches between the base and the blend instead, which makes small offsets jump out; it stays off on devices set to reduce motion.

Can I nudge it by hand?

Yes. Click the picture and use the arrow keys: one pixel per press, ten with Shift, at the output's own scale.

What fills the edge after the layer moves?

The pad colour (black, mid grey or white, under Layer geometry). The panel says when part of the frame is padded.

Are the images uploaded?

No. Both are decoded, aligned and mixed in this tab.

Nearby

Blend two pictures togetherAll twelve modes from your own pair.Fade photos togetherA gradient instead of a uniform overlay.Before and afterThe two shots side by side instead.