Skip to content
Magic Eraser LogoMagic Eraser
Free ToolCreative

Create a side-by-side before and after image

Upload a before photo and an after photo, set the output size, spacing, background color, optional Before / After labels, and JPG quality, then download one comparison image. Processing stays in your browser.

Use this tool free

Browser tool

Before-after image combiner

Runs locally in your browser. The selected image is not uploaded by this tool.

JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.

Choose an image to start.

How to use

1

Upload two images

Choose the before image first and the after image second.

2

Adjust settings

Pick the canvas size, spacing, labels, background color, and quality.

3

Download

Create and save the combined JPG comparison image.

Features

1

Two-photo comparison

Place before and after images side by side on one canvas.

2

Custom canvas

Set output width, height, gap, background color, optional labels, and JPG quality.

3

Local processing

Images are decoded and combined with browser Canvas APIs without upload.

After this task

After this free tool, open Magic Eraser for the next AI editing workflow.

Continue with Magic Eraser

Specifications

Input formatsJPEG, PNG, WebP
Output formatJPG
ProcessingClient-side Canvas

Related Magic Eraser Tools

Magic EraserAi Enhance

Common questions

Which image goes on the left?

+

The first selected image is placed on the left as the before image.

Are my photos uploaded?

+

No. The tool runs locally in your browser.

Need AI cleanup first?

Use Magic Eraser to remove distractions, then return here to combine before and after images.

Open Magic Eraser

More free tools

Explore our other limited free edits after sign-in photo and image tools.

Design beautiful gradients and export as CSS or images

Design linear, radial, and conic gradients with multiple color stops. Copy the CSS code or download as a PNG image.

Convert color codes between every major format

Convert colors between HEX, RGB, HSL, HSB, CMYK, and CSS named formats. See a live preview, copy any value, and export a color card.

Convert HEX color codes to RGB and back

Convert HEX color codes to RGB values and vice versa. Live preview, one-click copy, and CSS snippet output. works in your browser.

Extract exact colors from any image

Pick any color from an uploaded image and get its HEX, RGB, and HSL codes instantly. Build palettes from photos for web design, branding, and illustration.

Extract a color palette from any photograph

Upload a photo and extract 5-10 dominant colors with HEX, RGB, and HSL codes. Copy swatches, export as ASE or CSS variables.

Generate customizable QR codes for any content

Generate QR codes for URLs, text, WiFi credentials, and vCards. Customize colors, add a center logo, and download as PNG or SVG.