Image Compare

Compare two images side by side, with a slider, or as a difference map.

Load a before and after image. Switch between side by side, a wipe slider, and a difference view that highlights and counts changed pixels. Zoom and pan stay synced across views.

No before image.

You can also drop a file here.

No after image.

You can also drop a file here.

Output: Awaiting output.

Status

Status messages will appear here.

What Image Compare does

Image Compare shows two images side by side, with a wipe slider, or as a difference map that highlights and counts changed pixels. Zoom and pan stay synced.

How to use it

Select Choose before and Choose after with JPG, PNG, or WEBP files.
Pick Side by side, Slider, or Difference.
Use Zoom and Pan to inspect details. They apply to every view.
In Difference, adjust the threshold and optionally download the highlight PNG.

Formats and limits

Input: two JPG, PNG, or WEBP images (different sizes are letterboxed to a shared frame).
Output: optional difference PNG named after the before file with -diff.

Settings explained

Difference threshold: Pixels whose max channel delta exceeds this value count as changed and light up magenta.
Synced zoom and pan: One zoom and pan control set moves every compare view together.

Privacy

Comparison stays in this tab. Nothing is uploaded.

FAQ

Why are my images padded?

Different sizes are letterboxed onto a shared canvas so the slider and difference views line up.

Related tools

All processing runs locally in your browser. This tool is provided as-is without warranty. Keep backups of your original files before processing.

By uploading media, you confirm you own the content or have permission to modify it. Please read the Terms and Conditions.