
Compare Two Images Online — Before and After Image Slider
Side-by-side screenshots hide subtle edits. Drop two versions, drag the slider to reveal exactly what changed, and export a shareable before-and-after PNG.
Before
Drop the "before" image
After
Drop the "after" image
What you can do with Image Compare
Review the main capabilities before you begin.
- Make a before-and-after slider from two images
- Show edits with a draggable split view
- Switch between horizontal and vertical splits
- Swap which image sits on each side
- Export the before/after comparison as a PNG
Settings reference
3 settings
Available controls for Image Compare.
Compare
- OrientationPresets
- Chooses how the two images are split: Horizontal (the default) shows Before and After side by side with a vertical divider line, while Vertical stacks Before above After with a horizontal divider line.Options: HorizontalVertical
- Split %SliderRange: 0–100% · Default: 50%
- Sets where the divider sits between the two images, from 0 (only the after image visible) to 100 (only the before image visible); the exported composite uses this same position.
- SwapOne-click
- Exchanges the before and after images instantly without re-uploading, useful if you dropped them in the wrong order or want to flip the reveal direction; available once both images are loaded.
Related tools for Image Compare
Tools for common next steps after Image Compare.
Photo Editing & Utilities
EXIF Viewer & Remover
Inspect supported EXIF, IPTC and XMP metadata, including location, device and timestamp fields, then export a copy with removable metadata cleared.
Try it nowCreative & Design
Image Overlay
Position an image overlay, adjust opacity and blending, and download the combined image.
Try it nowPhoto Editing & Utilities
Compress Image to KB
Compress JPG, PNG or WebP files toward a chosen size such as 20KB, 50KB or 100KB, then review the result.
Try it nowFrequently Asked Questions
Upload two images of the same dimensions and the tool overlays them with a draggable handle. Slide left to reveal the before image, slide right to reveal the after — useful for showing edits, retouching, weight-loss, renovation, design iteration and AI generation results.
usageYes. Export the slider as an MP4 or animated GIF that loops the swipe automatically — ideal for Instagram, TikTok, X and LinkedIn posts where viewers cannot drag a handle. Frame rate and duration are configurable.
featuresIdeally yes, since the slider compares pixel-for-pixel. When sizes differ, the tool offers to auto-crop or scale the second image to match the first, preserving the aspect ratio so the comparison stays accurate.
technicalJPEG, PNG, WebP, GIF and HEIC are all accepted. The exported video uses H.264 MP4 for maximum compatibility, and the GIF export keeps file size small enough for fast social sharing.
compatibilityThe side-by-side comparison preview happens in your browser, but exporting the composite uploads both images to our secure server so the final file can be rendered; they are removed under our Security policy and never shared or used to train models. For strictly confidential material where no upload is acceptable, capture a screenshot of the on-screen preview instead of using Export.
privacyYes. Copy the generated HTML snippet and paste it into WordPress, Webflow, Squarespace, Shopify or any static site. The embed is dependency-free, mobile-friendly and works without external JavaScript libraries.
webUse the Orientation control in the Compare panel to toggle between Horizontal (left-right swipe, best for landscape photos and side-by-side layouts) and Vertical (top-bottom swipe, better for tall portrait shots or before/after height comparisons like renovations or growth photos).
featuresSplit % sets where the divider line sits between the before and after image, from 0 (all after visible) to 100 (all before visible) — it defaults to 50 for an even split. Move it toward one side if you want more of a specific image visible in the exported composite, for example 70 to emphasize the "after" result.
usageClick the Swap button in the Compare panel to instantly exchange the before and after images without re-uploading — handy if you dropped them in the wrong order or want to flip the reveal direction for a different visual effect.
usageFor a full-room renovation, Vertical orientation at a 50% split works well since it lets viewers compare top-to-bottom detail like flooring and ceiling changes. For side-by-side furniture or color changes, Horizontal orientation at a 40–60% split (favoring whichever image has the more striking result) tends to draw the eye most effectively.
tipsAlmost always one of three things. The file is over the 11 MB free upload limit — Premium takes 50 MB and Pro 120 MB. The format is not one this tool accepts, so check the list shown on the upload panel. Or the file is not really the format its name says: renaming a file does not change what is inside it, and that is the reason a valid-looking image gets refused.
troubleshootingIt reports what is genuinely in the file, so a blank or surprising result usually means the data was never there — stripped by the app that last saved it, removed by a platform on upload, or absent from the original. Try the untouched original file straight from the camera or source rather than a copy that has been through a messaging app.
troubleshootingNo to both. Image Compare Slider is free, your download carries no watermark, and nothing is asked for at the end — there is no point in the flow where you finish the work and then discover it costs money.
pricingNo — Image Compare Slider runs in the browser on desktop and phone. There is nothing to install, no trial to start, and no license to buy before you can see whether it does what you need. Try it on the file you are actually stuck with rather than a sample.
troubleshootingHow Image Compare helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start.
Before/After Photo Editing Showcases
Photographers, retouchers and Lightroom artists show portfolio clients the before and after of a retouch with a draggable slider that proves the edit was worth the fee
AI Image Generation Comparisons
Compare generated outputs against the original prompt or reference image to demonstrate prompt-writing choices and visual quality differences
Renovation & Home Improvement Reveal
Contractors, architects and interior designers show kitchen, bathroom and full-room renovation before/after sliders on Instagram, TikTok and project portfolio websites
Fitness & Weight-Loss Transformations
Personal trainers, coaches and fitness creators publish 30-day, 90-day and year-long transformation sliders for Instagram Reels, TikTok and YouTube to attract new clients
Product Design Iteration & A/B Testing
Product designers, UX teams and marketing leads compare design variants side-by-side in Figma reviews, marketing decks and stakeholder presentations to make decisions faster
Restoration & Conservation Reveals
Art restorers, vintage car detailers and photo-restoration specialists show before/after sliders that visually justify the painstaking work and the price tag
Real Estate Staging & Listing Comparisons
Show a room before virtual staging or a full flip renovation next to the after in listing photos and social posts — use Vertical orientation for tall room shots so buyers see floor-to-ceiling changes at a glance.
Software UI Redesign Changelogs
Product and engineering teams compare an app's old interface against the redesigned one in release notes and internal design reviews, using the Split % slider to control exactly how much of each version is visible in the exported screenshot.
Skincare & Dental Treatment Progress
Dermatology clinics, orthodontists and skincare brands document treatment results with a clean before/after composite for patient consultations and clinic marketing — comparison and export happen entirely in-browser.
Science & Classroom Demonstrations
Teachers export a before/after composite of a plant's growth, a chemistry reaction or an erosion experiment for a lesson slide or handout, switching orientation to match whichever axis the change happened along.
Guides for this tool
- Virtual Staging for Unfurnished Rentals: Show Layout Ideas to Prospective TenantsUse virtual staging to show furniture layout ideas for unfurnished rentals. Create Pixoate concepts that help tenants picture a room's possible use.
- How to Create Before-and-After Renovation Photo Reports for ClientsCreate before-and-after renovation photo reports with Pixoate. Organize project images, add useful context and prepare a readable client handover.
Watch each transformation land
Every photo crosses the slash untouched and comes out the other side finished.


























