Upload both images to preview the slider
The download is a single, self-contained HTML file with both images embedded — open it anywhere and the slider stays fully interactive, even offline.
Create an interactive comparison slider — free, no sign-up, nothing leaves your browser.
Upload both images to preview the slider
The download is a single, self-contained HTML file with both images embedded — open it anywhere and the slider stays fully interactive, even offline.
Before-and-after sliders work best when the camera angle, framing, and lighting are as close to identical as possible between the two shots — the slider is meant to isolate the one thing that changed, whether that's a renovation, a fitness or weight-loss progress photo, a skincare routine, a piece of restored artwork, or a design revision. If the "before" photo is taken from a slightly different distance or angle than the "after," the comparison ends up highlighting the camera difference as much as the real change. Shooting both from a fixed tripod position, or at least standing in the same spot with the same zoom, makes the slider far more convincing and easier to read at a glance.
Yes — the downloaded HTML file is self-contained, so you can upload it to your own site and link to it, or view the page source to extract the slider code for embedding elsewhere.
Both are cropped to fill the frame using the before image's proportions, so they line up correctly regardless of their original aspect ratios.
Yes — it responds to touch dragging the same way it responds to a mouse on desktop, so the downloaded file works the same way on a phone or tablet browser.
Yes — anything you can compare visually works, not just photography: two versions of a design mockup, a map before and after a change, or any pair of images where a direct visual comparison helps make the difference obvious.
No. Everything happens locally in your browser — your images are never sent to a server.