Before & After Slider
Create a side-by-side comparison slider.
Use the panels on the left to add both photos.
About Before & After Slider.
Create Side-by-Side Comparison Sliders
Upload two images and CipherForces generates a draggable slider that overlays one on the other — perfect for portfolio work showing before/after edits, renovation progress, or product variants. Export as an image, animated GIF, or interactive embed code.
Common Use Cases
- Photo editing portfolios: Show retouching results on client galleries.
- Home renovation: Document a kitchen remodel before/after.
- Weight loss / fitness: Share transformation photos with a proper comparison.
- Product variants: Compare two versions of the same product side-by-side.
Key Features
- Drag handle: Move the divider left/right to reveal each image.
- Labels: Optional "Before" / "After" badges on each side.
- Export formats: Static PNG snapshot, animated GIF that cycles, or embed code.
- Auto-crop: If the two images are different sizes, we align and crop to match.
Privacy: Both images stay on your device throughout.
Frequently asked questions.
How do I make a before and after slider from two images?
Upload your before image and after image, then the tool stacks them and adds a draggable handle down the middle. Drag the handle left or right to reveal each version. When you like the result, export the comparison as an image or copy the embed code for your page.
Is my photo uploaded to a server when I use this before after slider?
No. The Before & After Slider runs entirely in your browser using JavaScript, so your images never leave your device or touch a server. Nothing is uploaded, stored, or sent anywhere. You can even disconnect from the internet after the page loads and the tool keeps working.
Can I use the before after slider for free without signing up?
Yes. The tool is completely free and requires no account, email, or login. Open the page, drop in your two images, and start comparing right away. There are no watermarks added by the upload process and no usage limits, since all the work happens locally on your computer.
Does the before after slider work on mobile and touch screens?
Yes. The slider handle responds to both mouse drags and touch gestures, so you can swipe between the before and after views on a phone or tablet. Because everything runs client-side in the browser, it works on any modern device without installing an app or extension.
How to use Before & After Slider.
Upload your file
Drag and drop or click to select your file.
Choose settings
Adjust quality, size, or format options.
Download result
Your processed file is ready instantly.
Related image tools.
Privacy-first tools that work everywhere.
Need more than a tool?
Get images professionally printed — cards, flyers, banners, in-house.
Explore all 83 tools