Before / After Comparison

Upload two images and drag the slider to compare them side by side interactively.

Before Image

Before

Click or drop

After Image

After

Click or drop

Want the full walkthrough? Read our guide: How to Compare Two Images Side by Side

How to Compare Two Images Side by Side

  1. Click or drop your first image into the Before upload box.
  2. Click or drop your second image into the After upload box.
  3. Click Start Comparison to load the interactive slider.
  4. Drag the divider left and right (or swipe on mobile) to reveal more of the before or after image.

Frequently Asked Questions

Is the before/after comparison tool free?

Yes, completely free with no signup and unlimited comparisons.

Can I download or save the comparison?

This tool is for interactive viewing in your browser only — it doesn't export a combined image. To create a shareable before/after graphic, use a collage layout in our Collage Maker instead.

Do the two images need to be the same size?

No, but for the cleanest comparison, images with similar dimensions and aspect ratios line up best. Both images are displayed at the same container size and cropped to fill it.

Does it work on mobile?

Yes. The slider responds to touch swipes on mobile devices just as it does to mouse dragging on desktop.

Are my images uploaded to a server?

No. Both images are loaded and compared entirely in your browser. Nothing is uploaded anywhere.

Free Before and After Image Slider -- Compare Two Photos Side by Side

Upload two images and drag a divider to compare them side by side. Great for showing compression results, photo editing changes, design revisions, or restoration before-and-afters. Works on mobile and desktop.

Drag to Compare

An interactive slider lets you reveal more or less of each image with a simple drag.

Touch-Friendly

Swipe the slider on iPhone and Android just as easily as dragging on desktop.

Any Image Format

Supports PNG, JPG, WebP, and HEIC -- mix formats between before and after.

No Upload

Both images are loaded in your browser only. Nothing is sent to a server.

Frequently Asked Questions

How do I compare two images side by side?

Upload your before image and after image, then drag the slider divider left and right to reveal each.

Can I compare images of different sizes?

Yes -- both images are scaled to the same display dimensions so the slider works cleanly regardless of original sizes.

How do I show compression before and after?

Compress your image with TinyPNG Now, then upload the original as before and the compressed version as after. Drag the slider to compare quality.

Can I save or share the before/after comparison?

You can screenshot the comparison. A direct export of the combined slider image is not currently available.

Related guide: How to Compare Two Images Side by Side