Image Tools
Exam Form Photo & Signature KitImage ResizerImage CompressorRotate & Flip ImageCrop ImageBefore & After SliderView all 35

Before & After Slider

Compare two photos, then share it as an image, a looping GIF, a video, or a slider for your website.

Runs in your browserNo sign-up requiredNo watermark
Before photoDrag & drop a photo, or click to chooseTap to choose a photo
After photoDrag & drop a photo, or click to chooseTap to choose a photo

Tip: select both photos at once and they fill in automatically. Photos stay on your device.

Show the Change, Not Just Two Photos

A before-and-after works best when people can see the change happen. Drag the slider here to compare, then download it as a looping GIF or a short video that moves the slider by itself, ideal for WhatsApp Status and Instagram Reels. You can also save a still split or side-by-side image, or a web page with a real slider for your website.

How to Use This Tool

  1. 1Add a before and an after photoSelect both at once and they fill in automatically. Use Swap if they land the wrong way round.
  2. 2Drag the line to compareChoose left/right or top/bottom, edit the labels and pick a line colour.
  3. 3Pick how to share itSplit image, side by side, animated GIF, video, or a web page with a working slider.
  4. 4DownloadFiles are made on your device, at up to the original size.

Good to Know

  • The animated GIF and video move the slider on their own, which is perfect for WhatsApp, Instagram Reels and Stories, where a still image hides half the change.
  • Photos of different shapes still line up: the after photo is cropped to match the before photo, or shown whole on a background if you prefer.
  • The web page download is a single .html file with both photos inside, so you can put a real working slider on your website or blog with no plugin.
  • Great for photo edits, home renovations, fitness and weight-loss progress, skin care results, cleaning and repair jobs, and design changes.
  • Nothing is uploaded. Both photos stay in your browser.

Frequently Asked Questions

How do I share a before and after on Instagram or WhatsApp?

Download the Animated GIF or Video. They show the slider moving by itself, so people see the change without touching anything. Use Side by side for a still post.

Can I put the slider on my website?

Yes. Choose “Web page” to download a single HTML file with a working slider. Open it in a browser, upload it to your site, or copy its code into a page. It also works with the keyboard and on phones.

Do the two photos need to be the same size?

No. Both are drawn into the same frame, the before photo’s shape. For a different-shaped after photo you can choose to crop it to match or show it whole.

Which video format do I get?

MP4 where your browser can record it (Chrome, Edge and Safari), otherwise WebM. If a video won’t play on your phone, use the GIF, which works everywhere.

Is this free to use?

Yes, completely free, with no watermark, no sign-up and no usage limit.

Related Tools

Exam Form Photo & Signature KitOfficial sizes for IBPS, SSC, UPSC, NEET & JEE — resize, fix, and check before you submit.Image CompressorShrink image file size with a quality slider.Rotate & Flip ImageRotate by 90° or any angle, straighten with auto-crop, mirror or flip, many photos at once.Add WatermarkText or logo watermark on many photos at once, drag to place, repeat pattern, ZIP download.EXIF Metadata Viewer & RemoverSee what photos reveal (GPS, date, names) and remove it losslessly, one or many at once.