Skip to main content
Runs in your browser

Image Compare

Compare two images side-by-side, with a before/after slider, or a pixel-difference highlight. Everything stays local.

Image A
Image B

How to compare two images

Drop an image into each slot above. You can then look at the pair three different ways, and each one is best for a specific question:

  • Slider — drag a vertical divider across a single overlay. Best for visually evaluating compression artifacts, retouching differences, or the effect of a filter, because your eye tracks where you drag.
  • Side by side — the two images rendered in parallel. Best when the images have different dimensions, or when you want to scroll through details with both visible at the same time.
  • Diff — every pixel that changed above a sensitivity threshold is highlighted red over a faded gray version of Image A. Best for catching QA regressions, spotting forgeries, verifying that a compression run only changed luminance, or identifying exactly which region of a design moved between mockups.

All three modes run in your browser. Nothing is uploaded. The diff mode computes the RGB delta per pixel on canvas — for images with different sizes, only the overlapping top-left region is analyzed.