Image Comparison Slider

Upload two images and drag the slider to compare them side by side. Sync zoom and pan to inspect details. Horizontal or vertical split. Download the comparison as a single PNG.

900+ comparisons created

Before (Image A)

Drag & drop a file here, or

JPG PNG WebP First image

After (Image B)

Drag & drop a file here, or

JPG PNG WebP Second image

Interactive Slider

Drag the divider to reveal one image over the other. Works with mouse and touch. Horizontal or vertical orientation to suit your images. The split position is preserved in the downloaded PNG.

Sync Zoom & Pan

Both images zoom and pan in lockstep — scroll to zoom, drag to pan when zoomed in. Compare the exact same pixel region at up to 5x magnification to spot fine differences.

Privacy-First

Both images stay in your browser. No server uploads, no data retention, no accounts. The comparison PNG downloads directly from the Canvas API with no watermarks or quality limits.

What is a before/after image comparison slider?

A before/after image comparison slider overlays two images and lets you drag a divider to reveal one over the other. It is the fastest way to visually inspect differences between two versions of a photo — before and after retouching, color grading, noise reduction, sharpening, compression, or AI upscaling. Unlike side-by-side viewing, the slider aligns both images pixel-for-pixel so even subtle changes are immediately visible. This free online photo comparison tool supports JPEG, PNG, WebP, AVIF, BMP, and TIFF. For pixel-level numerical difference maps, use the Image Similarity Scanner. To check whether edits introduced compression artifacts, try the Image Quality Analyzer.

Synchronized zoom and pixel-level inspection

Both images zoom and pan in perfect lockstep — scroll the mouse wheel to magnify up to 5x, then drag to navigate when zoomed in. This synchronized zoom ensures you are always comparing the exact same pixel region in both images, critical for evaluating sharpening halos, chroma noise reduction, lens correction, detail preservation after JPEG recompression, or AI enhancement artifacts. Touch-screen devices can pinch-to-zoom and drag natively. For a detailed per-channel histogram comparison between two images, use the Image Histogram. To inspect EXIF metadata differences (e.g., different software versions), try the EXIF Checker.

Download and share comparison images

Click Download Comparison to save the current slider view as a single full-resolution PNG — the divider line, labels, and split position are baked into the output image. This is ideal for portfolio presentations, client approval workflows, blog posts demonstrating editing techniques, or social media posts showcasing retouching results. Customize the labels to say anything — "Original" / "Edited", "RAW" / "Processed", "v1.0" / "v2.0". To add a watermark or branding to the comparison image, use the Image Watermark tool. For assembling multiple comparisons into a grid, try the Collage Maker.

Use cases for image comparison

Photo editors compare RAW vs processed, before and after color grading, or Lightroom presets. Forensic analysts compare original vs potentially manipulated images — pair this with the ELA Scanner tool for error-level forensics. Developers compare design mockups vs implementation screenshots, or before and after image compression at different quality levels. Real estate and renovation professionals showcase before/after transformations. For checking color shifts between versions, the Color Space Viewer shows gamut differences. Explore all 88 image tools at Scanly's full toolkit.

This free online before/after image comparison slider processes everything in your browser using the Canvas API. No images are uploaded to any server — both files stay on your device. The output downloads as a lossless PNG with no watermarks, no size limits, and no account required. Works with JPEG, PNG, WebP, AVIF, BMP, and TIFF. Learn more in our articles on comparing image similarity and perceptual hashing.

Frequently Asked Questions

How do I compare two images side by side online?

Upload your "before" image in the left upload area and your "after" image in the right area. The comparison slider appears automatically. Drag the handle left or right to reveal one image over the other. Both images align pixel-for-pixel so differences are immediately visible. Works with JPEG, PNG, WebP, AVIF, BMP, and TIFF files.

Can I zoom in to compare fine details between two images?

Yes. Use the mouse scroll wheel or the zoom buttons to magnify up to 5x. Both images zoom and pan in perfect sync — when you drag to navigate while zoomed in, both sides follow the same pixel region. This is essential for evaluating subtle edits like noise reduction, sharpening, skin retouching, or compression artifact comparison.

Can I switch between horizontal and vertical split?

Yes. Use the Split dropdown to toggle between horizontal (left/right) and vertical (top/bottom) orientation. Horizontal works best for portrait-oriented images; vertical suits landscape photos and wide panoramas. The slider position resets to 50% when you switch orientation.

Can I download the before/after comparison as a single image?

Yes. Click Download Comparison to save a full-resolution PNG with both images composited together, the slider divider line, and your custom labels baked in. The output uses the larger dimensions of the two images. This is ready for presentations, blog posts, portfolio case studies, or client reports.

Do the two images need to be the same size?

No, but same-size images produce the best comparison. If the images have different dimensions, the tool scales them to fit a common reference frame — the larger dimensions are used as the canvas size, and each image is centered within it. For the most accurate pixel-level comparison, resize both images to the same dimensions first.

Does this comparison tool upload my images to a server?

No. Both images are processed entirely in your browser using the HTML5 Canvas API. Nothing is uploaded, stored, or transmitted. Your photos remain on your device at all times. The downloaded comparison PNG is generated locally with no watermarks, no quality limits, and no account required.