Before / After Image Slider
Overlay two images and drag the divider to reveal the change — then export a clean before/after image to share.
Add two images, then drag the slider to compare them.
Why a before/after slider?
A before/after slider is the most intuitive way to show a change: one image sits on top of the other, and a divider you drag wipes between them. It's perfect for editing reveals, retouching, restoration, room makeovers, design iterations, and any 'look what changed' moment.
This slider works entirely in your browser. Drop the original into slot A and the edited version into slot B, then drag left and right to compare. When you're happy, export the result as a single image — either a frozen snapshot at the current divider position, or a side-by-side composite with both images in full.
How to make a before/after slider
- Add two images. Drop the 'before' into slot A and the 'after' into slot B.
- Drag the divider. Slide left and right to reveal each image. The divider handle is touch-friendly on phones.
- Choose an export layout. Pick a slider snapshot (frozen at the divider) or a side-by-side composite.
- Download. Save the before/after image as a PNG or JPG.
Snapshot vs side-by-side
A slider snapshot captures the exact divider position with a thin line down the middle — great for a single dramatic reveal. A side-by-side composite shows both images in full next to each other, which is clearer when the change is spread across the whole frame.
How before / after slider works here
Stacks the 'before' (A) under the 'after' (B) and wipes between them with a divider you drag; on export it writes a single image — either a frozen snapshot at the current divider (a thin white line splits the two halves) or a side-by-side composite with both images in full.
- Best for
- A human, at-a-glance 'look what changed' comparison you can save and share, rather than a precise pixel count.
- Practical tip
- The export canvas is sized to the larger of the two images, so a before/after still works when the two files aren't the same size — but for the cleanest snapshot, feed it two images shot or exported at matching dimensions so the divider lines up edge to edge.
Real-world uses
- Photo retouching and skin/color grading reveals
- Interior, renovation, and room-makeover before/afters
- Design iterations and UI redesign comparisons
- Restoration of old or damaged photos
More ways to compare images
Frequently asked questions
Can I export the before/after as one image?
Yes. Choose the slider snapshot or the side-by-side layout, then download a single PNG or JPG.
Do both images need to be the same size?
They don't have to be. The composite is built on a canvas sized to the larger image so neither is cropped.
Does it work on touch screens?
Yes. The divider is draggable with a finger, and the layout adapts to small screens.
Where are my images processed?
The comparison happens in your browser, so the results are created on your own device. How any data associated with the tool is handled is described in our privacy policy.
More image tools
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.