Skip to content
Before & After

No signup · Runs in your browser

Before and After Photo Maker

Turn two photos into a comparison: drag an interactive slider, place them side by side or stack them, then export a PNG, a GIF or MP4, or an embeddable slider for your website. Your photos never leave this device.

After photo
Before photo

Drag the handle (or use arrow keys). The PNG captures the split where you leave it.

Processed on this device — nothing is uploaded

Pay once. No subscription.

Every layout, label and frame is free. You only pay to take the watermark off, and credits never expire.

One credit is one clean export: an HD PNG, a GIF, an MP4, or a website embed without the credit link.

  • No account

    $0

    • Unlimited PNG with watermark, up to 1200 px
    • Website embed with a small credit link
    Open tool
  • Free account

    $0

    • Unlimited PNG, GIF and MP4 with watermark
    • 3 watermark-free exports
    Sign in
  • Export pack

    $9.90once

    • Everything in the free account
    • 40 watermark-free exports: HD PNG up to 4096 px, GIF, MP4 or link-free embed
    • Credits never expire
    Buy 40

Photos are processed on your device on every plan. Paid through PayPal (checkout opening soon). Full refund within 14 days if you've used 5 or fewer credits — see policy.

What this tool does

A before and after photo maker puts two pictures of the same subject into one image so the change is obvious at a glance. That is all this one does, and it tries to do it well: you get three layouts, labels that read clearly at small sizes, frame ratios that match the places you'll post, and exports that look the same as the preview.

It runs entirely in your browser. When you choose a photo, the browser reads the file from your disk and draws it with the Canvas API; the PNG, GIF, MP4 or embed code you download is built on your machine. There is no upload and no account needed, so there is nothing to delete afterwards. The page works on desktop and on phones, where the slider responds to touch.

How to make a before and after photo

  1. 01

    Add two photos

    Drop or pick a before photo and an after photo. JPG, PNG, WebP and AVIF all work. Until you do, demo photos fill the frame so you can try every control.

  2. 02

    Pick a layout

    Slider puts both shots in one frame with a draggable divider. Side by side places them left and right. Stacked puts before on top, which reads well on phones.

  3. 03

    Set the frame and labels

    Choose Original, 1:1, 4:5, 4:3, 16:9 or 9:16. Both photos fill the frame; use Align & zoom to line them up. Rename the labels — “Week 1 / Week 12”, “Day 0 / Day 30” — or hide them.

  4. 04

    Export

    Download a PNG in one click, or copy an embed code for your website. Sign in for a looping GIF or an MP4 for Reels, TikTok or Shorts — a wipe, a fade or a circle reveal — and switch on “Remove watermark” for a clean HD export.

Getting a clean comparison

  • Stand in the same spot and keep the same zoom for both shots. Small shifts are what make comparisons look fake.
  • Match the light. Daylight from the same window, or the same lamp, matters more than the camera.
  • Keep the subject centered — cropping starts from the center, so a centered subject survives any frame ratio. If one shot is off, Align & zoom lets you zoom and drag it into place with a 50% overlay as a guide.
  • Pick the slider for a single strong change (a wall, a smile), side by side for detail you want to study, stacked for vertical phone feeds.

Who uses it

Beauty, aesthetics and dental clinics

Show treatment results — skin, brows, lashes, whitening, hair restoration — without sending patient photos to a third-party editor. Files stay on the clinic computer, and you can label shots with session numbers or dates instead of “before” and “after”.

Renovation, cleaning and landscaping

A kitchen remodel, a pressure-washed driveway or a cleared garden sells itself when the two shots share one frame. Put the interactive slider on your website gallery with the embed code, and use the MP4 wipe for social posts and quotes sent over WhatsApp.

Fitness and nutrition coaching

Progress pictures are personal. Clients can build their own comparison on their phone without uploading anything, and coaches can post stacked 4:5 or 9:16 transformations that fit Instagram and TikTok without extra cropping.

Retouchers, designers and photographers

Deliver edits with the original right beside the result so clients see exactly what changed. Side by side works for proof sheets and portfolios; the slider GIF is a quick way to show a color grade or skin retouch in a pitch deck.

What it won't do

Knowing the limits up front saves you a wasted export.

  • It doesn't edit your photos. No AI enhancement, no face-swap, no background removal, no retouching. It crops, places and labels. If a photo needs straightening or color correction, do that first.
  • Resolution follows your source. Free PNGs are capped at 1200 px on the long edge. HD goes up to 4096 px but won't invent detail: two 1000 px phone screenshots stay soft however large you export them.
  • Your browser's memory is the ceiling. Very large files — 40 MB or 50-megapixel RAW conversions — can make a phone browser stall. Resize to around 4000 px first if that happens.
  • HEIC needs converting. Outside Safari, browsers can't open iPhone HEIC files. Save as JPG first.
  • Images and video are fixed; only the embed is interactive. The slider PNG is a still frame at the split you choose. The GIF uses a 256-color palette per frame, so it suits social posts more than print. Video saves as MP4 where your browser can record it (Chrome, Edge, Safari) and as WebM elsewhere.
  • The embed carries its photos inside the code. That is why there is nothing to host, but it also means a few hundred KB to a couple of MB of HTML, re-encoded at up to 1600 px. Some site builders cap custom-HTML size or strip scripts on cheaper plans; to change the photos, create a new embed.

Compared with Canva and general design tools

You can make a before and after in a general editor: open a template, drop in two photos, line them up, add text boxes, export. It works, and if you already design everything there, keep doing that. This tool exists for the case where the comparison is the whole job.

Before and After Photo Maker compared with general design tools
This toolGeneral design editors
AccountNoneSign-up required
Where photos goStay in your browserUploaded to the vendor's cloud
AlignmentMatched crop, plus zoom, drag and a 50% overlay to line photos upManual resizing per photo
Wipe, fade or circle GIF / MP4One click (free account)Hand-built animation, if supported
Slider on your websiteCopy-paste embed code, no hostingExport an image, or add a slider plugin
PriceFree, or $9.90 once for 40 clean exportsFree tier, or monthly subscription
Everything elseNot offered — comparisons onlyTemplates, fonts, stock, video editing

Your photos stay on your device

Comparison photos are often of people's faces, bodies and homes. So this tool has no upload endpoint at all: images are decoded, composed and encoded by your browser, and the result is saved straight to your downloads. Load the page, go offline, and PNG export still works. Read the privacy policy for the details.

Frequently asked questions

Is the before and after photo maker free?

Yes. You can upload two photos, pick any layout, edit the labels and download a PNG up to 1200 px wide or create an embeddable slider for your website without an account, as often as you like. A free Google sign-in adds animated GIF and MP4 exports and 3 watermark-free exports. Free images and videos carry a small watermark in the bottom-right corner, and the free embed has a small credit link under it; 40 more watermark-free exports cost $9.90 once.

Are my photos uploaded to a server?

No. The images are read and drawn by your own browser using the Canvas API. There is no upload step and no server that receives your files, which is why it works for client and patient photos. Closing the tab clears them from memory.

Can I export an interactive slider for my website?

Yes. Pick Embed under Export and the tool writes one block of HTML with both photos inside it (re-encoded to at most 1600 px, or 1000 px with Small), plus a little scoped CSS and JavaScript. There is nothing to host: paste it into a Custom HTML or code block in WordPress, Squarespace, Shopify or Wix, or download it as an .html file. Visitors can drag it with a mouse or finger, or use the arrow keys, and it keeps your labels, direction, start position, alignment and logo. The free embed shows a small “Made with Before and After Photo Maker” link under the slider; removing it uses one credit. Large photos make large code, and some site builders limit how much HTML a block accepts, so the editor shows the size before you copy it.

What happens if my before and after photos are different sizes?

Both photos are cropped to fill the same frame. The frame defaults to the shape of your before photo; you can switch to 1:1, 4:5, 4:3, 16:9 or 9:16. If the two shots were taken from slightly different spots, open Align & zoom: zoom each photo up to 3× and drag it into place, with an overlay that shows the after photo at 50% over the before so you can line up edges. Exports use exactly the framing you see.

Can I add my own logo?

Yes. In the Logo panel, upload a PNG, SVG, JPG or WebP, then pick a corner and a size. The logo appears in the preview and on every export, including GIF, MP4 and the embed. It is saved in your browser's local storage so it is there on your next visit, and it never leaves your device. On free exports the small watermark stays in the bottom-right, and a logo placed in that corner moves up above it.

Which aspect ratio should I use for Instagram, TikTok or a website?

Use 4:5 or 1:1 for an Instagram feed post, 9:16 for Stories, Reels and TikTok, and 16:9 or Original for websites and YouTube. Side-by-side doubles the width and stacked doubles the height, so a stacked 4:5 pair becomes a tall image that suits phone screens.

Does the tool retouch, enhance or face-swap my photos?

No. It does not use AI and does not change the content of your photos. It only crops, places and labels the two images you provide. That matters for clinics, coaches and contractors whose results need to be shown as they were photographed.

Why won't my iPhone photo open?

iPhones save photos as HEIC by default, and most browsers other than Safari can't decode HEIC. Export the photo as JPG from the Photos app, or set Settings → Camera → Formats → Most Compatible, then upload again.

What do I get for $9.90, and can I get a refund?

40 watermark-free exports for one payment, not a subscription. Each HD PNG (up to 4096 px), GIF or MP4 without the watermark, or embed without the credit link, uses one credit, and credits never expire. If an export fails, its credit comes back automatically. Checkout will run through PayPal. You can get a full refund within 14 days if you've used 5 or fewer of the pack's credits.

Back to the tool ↑