What is Image Comparison Slider?

Overlays two images with a draggable divider for pixel-level comparison. Works well for before/after edits and A/B design reviews. Supports horizontal and vertical split.

Load two photos of the same scene, drag a divider across them, and reveal exactly what changed. The slider works on photos of any aspect ratio, locks horizontal or vertical, and lets you export a flat PNG at any slider position — useful for design reviews where the team needs a single file to comment on.

How to use

  1. Step 1 — Upload two images: the 'before' image on the left and the 'after' image on the right.
  2. Step 2 — Drag the slider handle left and right to reveal each image. Switch between horizontal and vertical split modes.
  3. Step 3 — Download a screenshot of the comparison at any slider position to share with your team.

When to use

  • Showing retouching work (skin, color grade, background cleanup) to a client.
  • A/B reviewing a UI redesign at the same scroll position.
  • Documenting renovation progress (before construction vs. after).

Result

A photographer uploads the original and retouched versions of a portrait. Dragging the slider reveals exactly where skin smoothing, color grading, and background cleanup were applied.

FAQ

Do the two images need to be the same size?
Not exactly, no. If they differ, the tool scales the before image to the after image's dimensions so the slider, fade, and difference views all line up cleanly — you'll see a 'Match sizes' toggle when that happens. For a strictly pixel-exact comparison, crop both to identical width and height first, since any rescale resamples one of them.
Can I download the comparison as a single image?
Yes. Position the slider where it tells the story best, then hit Download. The export is a flat PNG showing the before image on one side, the after on the other, with the divider line drawn at that exact position.
Does it work for vertical comparisons too?
Yes. Switch the split mode to vertical and the divider becomes horizontal, sliding up and down. This is useful for wide landscape shots where a left-right split would be too narrow on each side.
Are my uploads sent anywhere?
No. Both images stay on your device and are loaded into memory as data URLs. There's no upload to a server, no temporary storage, and the files are gone the moment you close the tab.
What's a good use case besides photo retouching?
Map satellite imagery (showing flood damage or deforestation), product before/after marketing shots, fitness progress photos, X-ray or scan comparisons in medical training material, and design mockup iterations.

Related Tools