FreeCollageImage Maker

Before and After Photo Maker

Turn two photos into one clear before/after comparison. Place them side by side or stacked, align the crop on the same subject, add optional labels, and download a single image ready to post or send. Everything runs in your browser, so nothing is uploaded and there is no watermark.

Make a before/after photo

When you need a before/after image

A before/after photo shows change at a glance: renovation progress, fitness results, product transformations, cleaning jobs, hair or makeup looks, and editing tutorials. One combined image is easier to share than two separate files, and it reads instantly in a feed, a listing or a message.

Side-by-side or stacked

How to make a before and after photo

  1. Add your before photo and your after photo.
  2. Choose side-by-side or stacked layout.
  3. Drag each image so the same area (face, room, product) lines up.
  4. Set a small gap, optional borders and caption labels.
  5. Download the finished comparison as PNG, JPG or WebP.

Tips for a convincing comparison

Shoot or pick photos with similar framing so the viewer compares the same scene, not two different angles. Keep lighting direction close when you can. Use a thin white or neutral gap if the edges clash. For fitness or beauty, centre the subject in both cells. For rooms and products, align a corner or horizon so the change is obvious.

Common uses

Private and free

Your photos stay on your device. The tool draws them onto a canvas locally, so there is no upload wait and nothing is stored online. Export is free and never carries a watermark.

Before/after examples

Side-by-side grids and split layouts you can rebuild with your own photos in minutes.

Four-photo grid layout suitable for comparison collages with white borders
Grid layout
Diagonal split collage showing four landscape photos in one square image
Split layout
Portrait collage with hero photo and Weekend caption text
Portrait with label
Mosaic collage combining lake, city, breakfast and wildflower photos
Mosaic

Explore more tools

Photo grid maker

Build 2x2, 3x3 and custom grids for recaps and albums.

Make a photo grid

Before and after FAQ

How do I make a before and after photo online?

Add two photos, pick side-by-side or stacked layout, drag each image so the subject aligns, keep the gap thin for a seamless comparison, then download one combined image.

Should I use side-by-side or stacked for before/after?

Side-by-side works well for listings, tutorials and desktop viewing. Stacked suits Instagram stories, phone screens and tall portrait posts where you want the change to read top to bottom.

Can I add Before and After labels?

Yes. Add text captions, drag them over each half, and set size, colour and bold style. The labels export with the image.

Can I add a border around each photo?

Yes. Set border width and colour to separate the two states clearly, which helps when the photos have similar backgrounds.

What is this used for?

Before/after images are common for fitness progress, home renovations, beauty treatments, product results, cleaning comparisons, photo editing demos and marketplace listings.

Are my photos uploaded?

No. The comparison is built locally in your browser using the Canvas. Your photos are not uploaded or stored by the tool.

Is it free with no watermark?

Yes. It is free, needs no account, and exports at full resolution without a watermark.

Does it work on mobile?

Yes. It runs in any modern mobile browser, with a shortcut bar for adding photos, choosing layouts, adjusting tools and saving the comparison.

Create your before/after photo