The comparison field guide
Better comparisons.
Clearer stories.
Learn how to prepare before and after photos, review an edit, and show a transformation with a comparison that makes sense.
Before and after photo comparison guides
How to Make Before and After Photos
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 guideHow to Compare Original and Edited Photos
Compare original and edited photos with a before and after slider. Check retouching, color changes, sharpening, and compression using matching exports.
Read the guideHow to Take and Compare Renovation Before and After Photos
Plan 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 guideReveal vs Split vs Crossfade: Which Comparison Mode to Use?
Understand reveal, split, and crossfade image comparisons. Choose a mode for inspecting photo edits, explaining renovations, or presenting visual changes.
Read the guideHow to Add a Before and After Slider to Your Website
Embed 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 guideHow to Take Progress Photos That Actually Show Change
Take 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 guideSkincare and Aesthetics Before and After Photos: A Consistent Method
Take consistent skincare, dermatology, and aesthetic treatment before and after photos: standard views, fixed lighting, consent, and honest presentation without filters.
Read the guideCar Detailing Before and After Photos: 50/50 Shots That Sell
Photograph paint correction, interiors, wheels, and headlights for honest car detailing before and after photos, including 50/50 split shots and slider comparisons.
Read the guideGarden and Landscaping Before and After Photos
Take 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 guidePhoto Restoration Before and After: Show the Repair Honestly
Present 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 guideHair Salon Before and After Photos: Colour, Cuts, and Styling
Take 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 guideWebsite Redesign Before and After: Screenshots That Compare Fairly
Capture and compare website and app redesigns: matching screenshots, the same viewport and content, archived old versions, and pixel checks for unintended changes.
Read the guideReal Estate Staging Before and After Photos (Including Virtual Staging)
Show home staging and virtual staging honestly: matching angles, consistent light, labels on virtually staged photos, and no hiding of permanent features.
Read the guideFree tools
Before and after slider
Drag, reveal, or crossfade two images and download a labelled PNG.
Before and after photo maker
Side-by-side or stacked images sized for posts, stories, and pins.
Before and after GIF maker
Animated wipe, split, or crossfade as a looping GIF or a video.
Image difference checker
Highlight changed pixels and measure how much two images differ.