✨ Try it now — Free & Private
Drag, reveal, or blend two images. Download a PNG or present live. Free, with no sign-up. Your image files stay in your browser.
Your turn
An original and an edit, or a space before and after. Your files stay in this browser.
Drag & drop 2+ images
Real photo restoration. No files needed.
Upload at least two images above to pick your Before and After pair.
Drag across the scratches to inspect Adam Cuerden’s restoration.
Sample: scratches repaired in a detail from a c. 1920 photograph of Sultan Mehmed VI. Photo by Sébah & Joaillier (public domain); restoration by Adam Cuerden, reused with attribution. Original source · Restored source & reuse terms.
Created on your device. No image upload.
Saves this position, mode, and orientation. Keeps the first image’s proportions; smaller originals are not enlarged.
Sample inputs are 762 × 524 pixels. Their required photo credit stays in the PNG.
Use two public image URLs from your own website or image host. Local files stay on your device; this does not upload or publish them. The viewer loads the images from their hosts.
Side by side
Put two photos side by side or stacked, add labels, and download a post-ready image.
Animation
Animate a wipe or crossfade and download a looping GIF or a video.
Pixel comparison
Highlight every changed pixel between two versions and see how much changed.
Embed
Free embed code for WordPress, Shopify, Squarespace, Wix, Webflow, and HTML.
Get started in seconds
📁 Drag in any PNG, JPG, or WEBP files. BeforeAfterly runs entirely in your browser, so files never leave your device.
🎨 Tap two thumbnails to define before/after. Pick Reveal, Split, or Crossfade modes and fine-tune with orientation, presets, or autoplay controls.
🚀 Download a PNG, embed, or present live. Keyboard shortcuts and autoplay make it easy to showcase design, photo, or skincare progress in seconds.
BeforeAfterly is a privacy-focused before/after image slider that processes everything locally in your browser. No sign-up required, no image uploads to servers. Your photos stay completely private on your device—perfect for confidential client work, personal transformations, or sensitive property photos.
All image processing happens client-side using modern web technologies. The site loads its assets and analytics over the network; the comparison tool does not send your image files to our servers. Delete comparisons anytime, and all temporary previews are automatically cleared when you close the browser.
No uploads: Images never leave your device
No account required: Start comparing immediately
Local previews: Image processing happens in your browser
Practical guides for taking and comparing photos that show the change honestly
Compare the original with your edit to check retouching, colour, and sharpening.
Compare photo editsRepeat the same viewpoint so a room or façade shows what the work changed.
Renovation photo guideTake progress photos with the same light, pose, and distance so change is visible.
Progress photo guideStandard views, fixed lighting, consent, and no filters for honest results.
Skincare photo guideLight that reveals swirls, 50/50 panel shots, and repeatable angles.
Detailing photo guideFixed photo points and matching seasons for fair garden comparisons.
Garden photo guideShow the damaged scan beside the repair and map exactly what was restored.
Restoration guideTrue-to-life colour, the same angles, and no filters for salon portfolios.
Hair photo guideMatching room angles and clearly labelled virtual staging for listings.
Staging photo guideMatching screenshots for case studies, and pixel checks for unintended changes.
Redesign comparison guideEmbed an interactive before and after slider on your own pages.
Embed guideFrom the comparison desk
Follow two worked examples, download their inputs, and see what each comparison can tell you.
Photo editing
Review a published cathedral edit. Crossfade exposes the effect of straightening; matching pixel dimensions alone does not align the landmarks.
Follow the photo-editing walkthroughPhoto: Ethan Doyle White. Edit: RCraig09. Source · CC BY-SA 4.0. Resized previews.
Renovation
Follow a real kitchen renovation. Identify the new finishes and fittings, then account for the camera and lighting changes before drawing conclusions.
Follow the renovation walkthroughPhotos: Terri Bateman. Before · After · CC BY 2.0. Resized previews.
Learn to show the change
Make a clear before and after photo comparison: prepare matching images, choose a slider or crossfade, and capture the result for a presentation.
Read the guideCompare original and edited photos with a before and after slider. Check retouching, color changes, sharpening, and compression using matching exports.
Read the guidePlan consistent renovation before and after photos: match camera position, framing, and light, then use a slider to explain the changes to a room or property.
Read the guideUnderstand reveal, split, and crossfade image comparisons. Choose a mode for inspecting photo edits, explaining renovations, or presenting visual changes.
Read the guideEmbed an interactive before and after image slider on WordPress, Shopify, Squarespace, Wix, Webflow, or plain HTML. Free embed code, no plugin, and no account.
Read the guideTake consistent fitness and body progress photos: the same light, pose, distance, and time of day, then compare them side by side or with a slider. Private and free.
Read the guideTake consistent skincare, dermatology, and aesthetic treatment before and after photos: standard views, fixed lighting, consent, and honest presentation without filters.
Read the guidePhotograph paint correction, interiors, wheels, and headlights for honest car detailing before and after photos, including 50/50 split shots and slider comparisons.
Read the guideTake garden and landscaping before and after photos that compare fairly: fixed photo points, matching seasons and light, and wide layouts that show the whole space.
Read the guidePresent old photo restoration and repair work: scan the original, keep the framing identical, highlight repaired damage with a difference map, and credit the source.
Read the guideTake hair before and after photos with true colour: consistent light, the same angles, white balance, and honest editing for salon portfolios and social media.
Read the guideCapture and compare website and app redesigns: matching screenshots, the same viewport and content, archived old versions, and pixel checks for unintended changes.
Read the guideShow home staging and virtual staging honestly: matching angles, consistent light, labels on virtually staged photos, and no hiding of permanent features.
Read the guideEverything you need to know about our image comparison tool
Load two PNG, JPG, or WEBP files, select the before image followed by the after image, and drag the comparison slider. Choose Split or Reveal for a hard edge, or Crossfade to blend between versions.
No. The image comparison tool reads files locally and keeps temporary previews in your browser memory. Remove all, reloading, or closing the page clears the previews. The site uses analytics; see the privacy policy for details.
Use PNG, JPG, or WEBP images with matching crops and aspect ratios. Image size is limited by your device’s memory. Large files can take longer to preview. The tool does not automatically align or edit your images.
Yes, as a PNG. Choose Download PNG to save the current slider position with optional labels. For a side-by-side or top-and-bottom image, use the before and after photo maker. For an animated GIF or a video, use the before and after GIF maker.
Yes. The image difference checker highlights every changed pixel, reports the share of the image that changed, and outlines the changed area. Both images are compared in your browser.
Yes. You can compare images without creating an account or paying. Image files are processed locally in your browser.
Yes. Use the slider for a live review, or use autoplay with Loop, Bounce, or Once. Download a labeled PNG or capture your screen to save an animated presentation. Keep the original files because loaded images are not saved between sessions.
Read our privacy policy for details on image handling and analytics.
.jpg){kind=link}