ComparePicture

Compare images, whichever question you are asking

“Compare these two” means different things to a designer, a QA engineer and a photographer. The workspace below opens on Smart, which answers the broad question first; the views beside it each answer one narrower question well.

Private · Browser-based · No uploads

Two pictures in, every difference out.

  1. 1. Drop, paste or choose the earlier picture as A.
  2. 2. Add the later one as B — or drop both at once.
  3. 3. The comparison starts by itself; switch views any time.

PNG, JPEG, WebP, GIF (first frame), AVIF, BMP and HEIC where this browser can decode it. Different sizes are fine — they are aligned for you.

Both files are read by this page on your device. There is no upload step, because there is no server to upload to.

Or try an example pair

AOriginalChoose image Adrag & drop, or paste with Ctrl/⌘ VPress Enter to choose image A, or drop a file here.
BChangedChoose image Bdrag & drop, or paste with Ctrl/⌘ VPress Enter to choose image B, or drop a file here.

Which view answers which question

Every view reads the same two pictures, already aligned, so switching costs nothing. Pick by the question, not by habit.

  • “Are these the same?” — Smart. A verdict, the share of pixels that changed, structural similarity and a numbered list of changes.
  • “Show me both.” — Side by side, with zoom and pan locked together so the same pixel sits under the cursor in both.
  • “Show the edit.” — Slider for presenting a change, Fade for spotting geometry that moved a few pixels.
  • “What changed, exactly?” — Difference: highlight, mask, heatmap, absolute difference or lighter/darker, with tolerance and anti-aliasing controls.
  • “Which one is better?” — Quality measures sharpness, noise, clipping and exposure, and says which picture leads on each without crowning a winner.
  • “Did the wording change?” — Text reads both pictures and diffs the words.
  • “Are the files different even if the pixels are not?” — Metadata.

Two pictures that are not the same size

Most comparison tools either refuse or stretch. This one first tries to find where Image B sits inside Image A — a scrolled screenshot, a resized export, a 16:9 crop of a 4:3 photo — using phase correlation over a ladder of scales. When the match is confident the transform is applied and disclosed (“B aligned to A: scaled ×0.800, moved 0, 100 px”); when it is not, the workspace says so and falls back to fitting B to A.

You can always overrule it: compare in original pixels over the overlap, fit either picture to the other, place both on a common canvas, or nudge B by hand. None of these touch your files; they change how the two are laid over each other for the comparison.

Change regions instead of a sea of red

A pixel diff of two screenshots is often thousands of scattered red dots. Grouping them is what makes the result usable: neighbouring changed pixels are gathered into regions, small specks below the minimum size are dropped as noise, and each region gets a number, a box, a size and a plain description — “Moved 12 px right at the middle left”, “Colour changed at the top right”. N and P step through them, and each can be marked reviewed or set aside.

Questions people ask

›How do I compare two pictures?

Add the earlier picture as A and the later one as B — drag them in, paste them, or choose them. The comparison starts by itself on the Smart view; switch views with the tabs or the number keys 1 to 9.

›Can I compare two images with different sizes?

Yes. The workspace tries to align them automatically and tells you what transform it applied. You can also fit one to the other, compare only the overlap, or align by hand.

›Can I export the comparison?

Yes — a side-by-side, before/after split, A | B | difference strip or a review sheet with numbered changes as PNG, plus a transparent mask, JSON and CSV reports, a printable HTML report and a short reveal animation. All of them are made in the page.