Free · no sign-up · nothing uploaded
Before & After Photo Maker
Compare two photos and show the change. Make a side-by-side collage, interactive slider, overlay, split or vertical stack, add labels and your logo, then export a PNG, GIF or video. Everything happens in your browser, so your photos never leave your device.
- 5 layoutsSlider, side-by-side, overlay, split, stack
- 3 formatsPNG, animated GIF, MP4/WebM video
- PrivateProcessing happens on your device
- BrandableCustom labels, your logo, optional credit
Upload photos
Showing sample photos until you add your own.
Live preview
Exports are rendered on your device at up to 2400 px. Nothing is uploaded.
Caption ideas
- Same lighting, same spot, 12 weeks apart. Consistency did this.
- Progress is quiet until you put the photos side by side.
- Day 1 vs today. Still going.
- Need one written for your exact photo? SponsorWrite with GenAI
Layouts
Five before and after layouts: side by side, slider, overlay, split, stack
Each layout guides attention differently. Switch between them freely; your photos, labels and crop carry over.
Interactive Slider
Drag to reveal the change. Exports a still, a GIF or a video.
Side by Side
Classic side-by-side photo collage for feeds and desktop pages.
Overlay
Ghost the before over the after to inspect alignment.
Split View
Both halves in one frame, no handle.
Vertical Stack
Top and bottom, made for stories and mobile.
How it works
How to make a before and after picture in four steps
- 1
Upload your before and after photos
Drop a PNG, JPG, WebP or GIF into each box. Use two photos with the same framing and lighting. Files stay on your device.
- 2
Choose a layout
Pick side by side, interactive slider, overlay, split view or vertical stack. Switch at any time, your settings carry over.
- 3
Adjust labels and crop
Rename the Before and After labels, resize them, and zoom or reposition each photo so both line up. Add your logo if you like.
- 4
Export as PNG, GIF or video
Download a high resolution PNG, or continue into the GIF Maker or Video Maker for an animated reveal.
Use cases
Built for anyone who sells a result
Fitness progress
Track weight loss and muscle gain with consistent, honest pairs.
Home renovation
Show clients the room before the first demo day and after the last coat.
Beauty & skincare
Present treatment results with aligned, evenly lit comparisons.
Product & UI design
Prove a redesign improved the experience with one clear image.
Photo editing
Demonstrate retouching, restoration and color grading work.
Cleaning & detailing
Turn every job into marketing material in under a minute.
Why it works
A comparison tool that respects your photos
Most online editors upload your images to a server to process them. For fitness, medical, beauty or home photos that is a real privacy cost. This tool renders everything with your browser's own graphics engine, so files never leave your computer or phone.
Preview and export share one renderer. What you see in the preview is exactly what you download, at up to 2400 pixels for PNG, 960 pixels for GIF and 1080p for video.
FAQ
Frequently asked questions
How do I make a before and after photo online?
Upload your before image and your after image, pick a layout such as side by side or slider, adjust the labels and crop, then click Download PNG. The whole process takes under a minute and nothing is uploaded to a server.
Is this before and after photo maker really free?
Yes. Every layout, the labels, the crop tools and PNG export are free with no account. Exports carry a small watermark that you can turn off in the settings.
Which image formats can I upload?
PNG, JPG, WebP and GIF files up to 10 MB each. For the cleanest result use two photos with similar framing, lighting and aspect ratio.
Are my photos uploaded anywhere?
No. The editor runs completely in your browser. Your images stay on your device, which makes it safe for fitness, medical, beauty and home photos.
Which layout should I choose?
Side by side gives both photos equal weight and suits desktop pages. The slider focuses attention on the difference and exports as a GIF or video. Vertical stack fits phone screens and stories. Overlay is best for checking alignment.
Can I make an animated GIF or a video too?
Yes. Once both images are loaded, open the GIF Maker or Video Maker. Your photos, labels and crop carry over, and you only need to pick a duration and frame rate.
Guides
Take better before and after photos
- Social
Caption Formulas for Before and After Posts That Get Saved and Shared
Five caption structures that work for transformation posts on Instagram, TikTok and LinkedIn, with examples, plus how to generate variations quickly.
- Portraits
How to Fix Closed Eyes, Gaze and a Flat Smile Before Making a Before/After
A before/after only works if the face reads well in both frames. How to correct eye contact, open eyes, adjust the smile and straighten head pose on a phone before you compare.
- Web
Why an Interactive Before and After Slider Belongs on Your Website
Interactive sliders keep visitors engaged longer than static images. Here is what they do for portfolios and product pages, and how to add one without a plugin.