Image comparison

Create a before and after split

Combine two or three images into a split-screen result with adjustable direction, position, divider width, and optional handle.

Before

After

Third image

Before and After Split Image

Live

Before

After

Third image

Direction

Split position

Divider width

Show handle

Open in Fuser

Runs in your browser. Your files are never uploaded.

How tools work

A tool is a small app you describe in plain words. Try this one here, then keep it on your Fuser canvas and connect it to the rest of your work.

A tool on the Fuser canvas with its controls and result

1. Try it here

Add your own file or text and adjust the controls. Live tools run in your browser, so nothing is uploaded.

Two tools chained together on the Fuser canvas

2. Open it in Fuser

Sign up free and the tool opens on your canvas with this example wired in, ready to connect to images, video or text from other nodes.

A Tool node with a description of the tool to build

3. Describe your own

Need something different? Describe the tool you want and Fuser builds it, with the controls you asked for.

Ways to use the split screen

Place related images together to make visual comparisons clearer.

Show photo retouching

Place an original photo and its retouched version side by side in one split-screen image.

Present a room renovation

Compare a room before and after changes using the required before and after image inputs.

Compare product designs

Show two product visuals together to highlight differences between an earlier and later design.

Document restoration work

Combine images from before and after a restoration to create a clear visual comparison.

Compare landscape changes

Use images of the same place at different times to show how the scene has changed.

Show three image stages

Add the optional third image when you want to work with three related visuals instead of two.

Frequently asked questions

It takes required before and after images, with an optional third image, and produces an image result arranged as a split screen. The result updates in your browser as you adjust the controls.

Add one image to the required before input and one to the required after input. You can also add a third image using the optional Third image input.

Direction switches the split between vertical, horizontal, and diagonal. Split position moves the dividing point from 10 to 90, divider width ranges from 0 to 10, and the Show handle switch controls whether the handle appears.

Yes, you can try the tool on this page without an account. Downloading more than once or opening the tool in Fuser asks you to sign up.

Yes. This is a Live tool, so it runs in your browser and updates the result as you change the direction, split position, divider width, or handle setting.

Open the tool in Fuser and connect its image result to another node in your workflow. This lets the split-screen image become an input for the next step.