Advertisement

Image Compare Slider

Compare before and after photos with the Image Compare Slider. Upload two images and drag the handle to reveal each side. Great for edits, renovations and restorations.

Compare two images

Upload a "before" and an "after" image, then drag the slider.

Upload both images to start comparing.
Advertisement

How the slider works

Both images are stacked in one frame. The before image sits on top, clipped to the slider position, while the after image fills the frame behind it. Dragging the handle (or the range control below) moves the reveal line so you can inspect any part of the comparison.

Best image pairs

Comparisons look best when both photos share the same framing and size. If the images differ in aspect ratio, they are fitted to a 16:10 frame with cover-fit, so slightly different sizes still compare cleanly.

Image Compare Slider FAQs

What is this good for?
Before/after edits, renovation photos, restoration work, design revisions and weight-loss or fitness progress shots.
Do the images need to be the same size?
No, but matching framing gives the cleanest result. Differently sized images are fitted to the same frame automatically.
Can I use it on a phone?
Yes. The handle supports touch dragging, and the range slider below works as a fallback control.
Are my photos uploaded anywhere?
No. Images are read locally with the FileReader API and never leave your browser.
Can I download the comparison?
The tool is for visual comparison. Take a screenshot of the frame at any slider position to save the result.
Advertisement