Load a before and after image, then drag the divider to reveal each version. A fast, private way to compare two pictures and spot differences.
100% Local
How to Use Image Diff
- Upload image A (before) โ click the first drop box, drag a file in, or paste from the clipboard.
- Upload image B (after) โ add the second picture the same way. The canvas appears once both are loaded.
- Pick the slider direction โ Vertical splits left (A) vs. right (B); Horizontal splits top (A) vs. bottom (B).
- Drag the divider โ move it left and right (or up and down) to reveal each version. Adjust thickness if you want a wider handle.
- Download a PNG snapshot of the current comparison.
Tips for matching comparisons
For the cleanest result, use two images of the same scene and the same dimensions. When the sizes differ, Image Diff fits both into a shared canvas and letterboxes the empty area, so the divider still lines up correctly. Use a vertical slider for landscape shots and a horizontal one for portraits.
Features
- Before/after comparison with a draggable divider.
- Vertical (left/right) or horizontal (top/bottom) slider orientation.
- Adjustable divider thickness from 1 to 10 pixels.
- Mismatched image sizes are letterboxed automatically.
- Drag with a mouse or touch โ works on phones and tablets.
- Export the current comparison view as a PNG.
- All processing runs locally in your browser. Your data is not uploaded to any server.
Related Tools