Does this calculate pixel differences?

No. It is a visual reveal and presentation tool, not a forensic pixel-difference measurement.

Why do the images look cropped?

Both images use centred cover cropping to fill one comparison frame. Matching source dimensions and composition give the most accurate result.

What is included in the HTML download?

It embeds both selected images, labels, styling and slider behavior in one file that can be opened locally in a modern browser.

Can I publish comparisons commercially?

Only when you own or have permission to use both images, and the comparison complies with applicable advertising and disclosure rules.

No. Preview and both export formats are generated locally.

Image Tools

Before & After Image Comparison

Compare two images with an interactive slider and export a labelled static PNG or self-contained HTML comparison.

Free browser toolRuns in your browserNo sign-up

Choose before image

Choose after image

Choose both images to compare them.

About the Before & After Image Comparison

Before & After Image Comparison places two local images in one matched frame with a draggable reveal slider. Custom labels make enhancement, restoration, design and progress comparisons easier to understand.

Export a labelled static side-by-side or stacked PNG for ordinary sharing, or download a self-contained HTML file that embeds both selected images and preserves the interactive slider.

The preview uses centred cover cropping so sources fill the same frame. For a fair comparison, use images with matching dimensions, viewpoint and composition and disclose any edits represented by the result.

Key features

Interactive draggable reveal slider
Custom before and after labels
Centred matched comparison frame
1600 × 900 side-by-side PNG
1200 × 1500 stacked PNG
Self-contained interactive HTML export
Local images with no upload

How to use

1Choose the before and after images.
2Edit the labels and drag across the live comparison to inspect alignment.
3Choose side-by-side or stacked layout for a static shareable image.
4Download the PNG or the self-contained interactive HTML file.
5Open the exported result and confirm both crops represent a fair comparison.

Examples

Show a photo enhancement

Input: Original scan and reviewed enhanced version

Output: Interactive HTML slider plus labelled side-by-side PNG

Use the same crop for both sources and disclose that enhancement has been applied.

Frequently asked questions

Does this calculate pixel differences?: No. It is a visual reveal and presentation tool, not a forensic pixel-difference measurement.
Why do the images look cropped?: Both images use centred cover cropping to fill one comparison frame. Matching source dimensions and composition give the most accurate result.
What is included in the HTML download?: It embeds both selected images, labels, styling and slider behavior in one file that can be opened locally in a modern browser.
Can I publish comparisons commercially?: Only when you own or have permission to use both images, and the comparison complies with applicable advertising and disclosure rules.
Are images uploaded?: No. Preview and both export formats are generated locally.

Open a related tool to prepare your files or refine the finished result.