Blend two images

Flatten exactly two static images onto one bounded canvas with explicit placement, opacity, rotation, output, and standard blend-mode controls.

When this tool is useful

Creating a simple overlay, watermark-like composite, texture treatment, comparison layer, or two-source graphic when one flattened image is sufficient.

How local processing works

The first decoded image fixes the destination canvas. The second is scaled, positioned, rotated about its center with premultiplied-alpha resampling, and source-over composited using the selected sRGB blend formula before encoding.

How to use it

  1. Prepare and preserve the source: Keep an unchanged source, choose one supported static image, and start with conservative settings. Creating a simple overlay, watermark-like composite, texture treatment, comparison layer, or two-source graphic when one flattened image is sufficient.
  2. Run the bounded local operation: Process the decoded pixels in this browser; stop and adjust instead of accepting an ambiguous result. The first decoded image fixes the destination canvas. The second is scaled, positioned, rotated about its center with premultiplied-alpha resampling, and source-over composited using the selected sRGB blend formula before encoding.
  3. Inspect the flattened result: Inspect alignment, clipping, transformed edges, transparency, and blend behavior at 100% on the intended background, compare with both sources, and reopen the encoded result before replacing any asset.

Important limitations

The result is a flattened raster, not an editable layered project. Canvas blend math can differ from color-managed desktop software, transformed edges are resampled, content outside the canvas is clipped, and source profiles, metadata, vectors, and animation are lost.

Verify the downloaded result

Inspect alignment, clipping, transformed edges, transparency, and blend behavior at 100% on the intended background, compare with both sources, and reopen the encoded result before replacing any asset.

Private by design

Your files stay in this browser. The tool does not upload the source or output to our servers.

Questions and answers

When is this tool useful?

Creating a simple overlay, watermark-like composite, texture treatment, comparison layer, or two-source graphic when one flattened image is sufficient.

What does the local operation do?

The first decoded image fixes the destination canvas. The second is scaled, positioned, rotated about its center with premultiplied-alpha resampling, and source-over composited using the selected sRGB blend formula before encoding.

Which limitations matter?

The result is a flattened raster, not an editable layered project. Canvas blend math can differ from color-managed desktop software, transformed edges are resampled, content outside the canvas is clipped, and source profiles, metadata, vectors, and animation are lost.

How should I verify the result?

Inspect alignment, clipping, transformed edges, transparency, and blend behavior at 100% on the intended background, compare with both sources, and reopen the encoded result before replacing any asset.

Related tools