The mistake happens before the layout

Most weak before-and-after images fail not at the editing, but at the shot: the “before” photo is taken spontaneously from the hip, the “after” carefully from a different angle in better light. The result compares apples to oranges and looks — rightly — unconvincing. So the most important rule comes before any software: both images must be comparable.

Photo-editing view (illustrative editor screenshot): Creating a before-and-after image: same perspective, fair presentation
© 2026 Jonathan „JonArt“ Hedderich — jnrt.online · Alle Rechte vorbehalten

Establishing comparability

Four things should be identical in before and after — only the result of the change may differ:

  • Perspective and distance — same viewpoint, same height, same zoom. For renovations it helps to remember or mark the exact position.
  • Framing — the same frame, the same reference points in the image.
  • Light — the same time of day and lighting where possible. Sunshine vs. shade can fake a change that isn't one.
  • Camera setting — no wide angle on one, telephoto on the other; that skews the comparison.

If the before photo already exists and can't be repeated, line the after photo up with it as closely as possible — recreate the same perspective.

Fair editing

A fine line: matching is fair, flattering is not.

  • Allowed and sensible: crop both images to the same format, match the exposure, straighten — so the comparison is clean.
  • Unfair: making the after image brighter, more saturated, prettified, and the before artificially worse. It shows on close inspection and damages credibility.
300 × 250 — Rectangle
Cookie-Banner ausstehend

The layout

  1. Bring both to the same format. With the crop tool, choose the same crop and the same aspect ratio.
  2. Arrange: two portrait photos fit well side by side in a square 1:1; two landscape photos rather stacked.
  3. Separate and label:a thin divider between them, a clear “Before” / “After” on each. Without labels the viewer guesses which side is which.
  4. Export: as PNG if labels/lines should stay sharp; as JPG for pure photo content.

If you combine more than two images (several intermediate steps, a grid), the general approach is in Make a collage without an app.

Instead of a layout, you can put before and after on two carousel slides: slide 1 “Before,” slide 2 “After.” The aha moment on swipe is often stronger than the static side-by-side — and both images are shown at full size.

In short

  • Same perspective, framing, light — comparability first.
  • Match, don't flatter — matching exposure is fair, prettifying isn't.
  • Label both sides and separate them clearly.
  • Or use two carousel slides for a stronger reveal.