Before / After Image Slider

Compare two images side by side with an interactive slider. Perfect for showing photo edits, design changes, or progress shots. Free and private.

Upload "Before" Image

Drag & drop or click to browse

Upload "After" Image

Drag & drop or click to browse

Upload a "Before" and "After" image above to start comparing

How to Compare Images with the Before/After Slider

Create stunning image comparisons in 3 simple steps

1

Upload Two Images

Upload your "Before" and "After" images using drag and drop or the file browser. Supports JPG, PNG, and WebP up to 50MB each.

2

Drag the Slider

Use the interactive slider to reveal each image. Drag left and right (or up and down) to compare the differences. Toggle between horizontal and vertical orientation.

3

Export Your Comparison

Click "Export as Image" to download the comparison at the current slider position. The exported image includes the divider and optional labels.

Image Comparison Tool Features

Everything you need for professional image comparisons

Interactive Slider

Drag the divider handle to smoothly reveal each image. Click anywhere on the comparison to jump the slider to that position.

Horizontal & Vertical

Switch between left/right and top/bottom comparison orientations. Use vertical mode for landscape photos or horizontal for portraits.

|

Customizable Divider

Change the divider color and width to match your images. Choose any color and set width from 1 to 6 pixels.

Export as Image

Download your comparison as a static image at the current slider position. Choose PNG, JPG, or WebP format with adjustable quality.

100% Browser-Based

All processing happens locally in your browser. Your images are never uploaded to any server, ensuring complete privacy and security.

AB

Before/After Labels

Optional labels clearly identify each side of the comparison. Toggle them on or off depending on whether you need them in the export.

Before/After Slider FAQ

Common questions about comparing images

How does the before/after image slider work?

Upload two images -- a "Before" and an "After." The tool overlays them in a single container and provides a draggable slider. Drag left or right (or up and down in vertical mode) to reveal each image. The divider shows exactly where one image ends and the other begins.

Can I export the comparison as a single image?

Yes. Click "Export as Image" to download the comparison at the current slider position. The export includes the divider line and, optionally, Before/After labels. Choose PNG, JPG, or WebP format.

Are my images uploaded to a server?

No. Everything runs entirely in your web browser using the Canvas API. Your images are never sent to any server, and no data leaves your device. This ensures complete privacy.

Do the two images need to be the same size?

The tool works best when both images share the same dimensions and aspect ratio. If the images are different sizes, they will be scaled to fit the comparison container. For accurate pixel-level comparisons, use images of identical resolution.

Can I compare images vertically (top/bottom)?

Yes. Toggle the orientation from "Horizontal" to "Vertical" in the settings panel. In vertical mode the slider moves up and down, with the Before image on top and After on the bottom.

Is this tool completely free?

Yes, completely free with no limits, no signup, no watermarks, and no hidden costs. Compare as many image pairs as you like. The tool is funded by optional ads and will always remain free.

Ready to Compare Your Images?

Upload your before and after photos and create a stunning comparison -- completely free!

Compare Images Now