Before and After Image Slider
Put two images behind a slider you can drag to reveal before and after — an edit, a renovation, a restoration.
Showing the change
Some things are only impressive side by side: a photo before and after editing, a room before and after a renovation, a restored old picture next to the original. A draggable slider overlays the two images and lets you wipe between them, so the difference lands far harder than two pictures placed next to each other ever could.
Load the before and the after, and the slider handles the reveal — pull it left and right to move between the two.
Getting a clean comparison
The effect only works if the two images line up. Shoot the before and after from the same spot, at the same angle and framing, so the slider reveals a genuine change rather than a shift in the camera. Matching the two sizes helps too — when everything but the edit stays put, the comparison is honest and the difference speaks for itself.
How to make a before and after slider
- Add your two images — before and after.
- Line them up and set the divider.
- Export or embed the comparison.
Comparisons need identical framing
A slider comparison only works if the two images line up exactly. Same camera position, same zoom, same crop — otherwise the viewer sees the framing shift rather than the change you are demonstrating, which undermines the whole point.
It is the clearest way to show edits, restorations, renovations and product results, because the viewer controls the reveal instead of flicking between two separate pictures.
Questions & answers
Do both images need to be the same size?
Yes — matching dimensions and framing are essential, or the comparison looks like a camera move.
What is this good for?
Photo edits, renovations, restorations, fitness progress and any before-and-after result.
Can I choose where the divider starts?
Yes, set the initial split point before exporting.
What do I need for a good before-and-after?
Two images taken from the same position and angle, so the slider reveals the real change rather than a camera move.
What can I use this for?
Photo edits, home renovations, restorations, or fitness and design progress — anything where the change is the point.
Are my images uploaded?
No. The comparison runs in your browser and the images stay on your device.