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.

The diff mode computes the RGB delta per pixel on canvas — for images with different sizes, only the overlapping top-left region is analyzed.

Privacy

Your files never leave this page.

Every step runs in your browser. Close the tab when you're done — nothing gets uploaded.

How to

Image Compare in 4 steps

  1. Upload two images

    Drop your "before" image on the left and "after" on the right. Same dimensions work best.

  2. Pick a view mode

    Slider overlays the two images with a draggable divider. Side-by-side shows them next to each other. Diff highlights pixels that changed.

  3. Tune the diff threshold

    In diff mode, the slider controls how sensitive the detector is. Lower threshold catches subtler changes; higher ignores JPEG noise.

  4. Read the change summary

    The diff view reports the percentage of pixels that differ beyond the threshold.

Questions

Frequently asked

Why does every pixel look different in diff mode?

Re-encoded JPEGs introduce small differences everywhere. Raise the threshold to 15-25 to focus on meaningful changes instead of compression noise.

Do the two images need the same size?

For diff and slider modes, yes — different sizes are scaled to the smaller image before comparison. Use the Resize tool if needed.

Are my images uploaded to a server?

Client-side tools process in your browser. Server-backed tools send the image to the MakeMyImgs API temporarily, process the requested job, and return the result.