Layout

Side-by-side photo vs before and after photo

Understand when to use a side-by-side photo, when to call it a before and after photo, and how to choose the clearest comparison layout.

The layout can be the same, but the intent is different

A side-by-side photo simply places two images next to each other. A before and after photo adds a time-based meaning: one image shows the earlier state, and the other shows the later state.

Use side-by-side when comparison matters more than time

Side-by-side works well for photo edits, design versions, product variants, color choices, and other comparisons where neither photo needs to be the older one.

Quick checklist

Choose the wording that matches what the viewer needs to understand.

  • Use Before and After when the photos show change over time.
  • Use Original and Edited for photo editing comparisons.
  • Use Version A and Version B when neither image is final.
  • Keep both images the same size so the comparison feels fair.

FAQ

Is a before and after photo always side by side?

No, but side by side is the most common format because it makes the change easy to scan without asking viewers to swipe or compare separate images.

Can I make a side-by-side image without Before and After labels?

Yes. Use neutral labels like Original, Edited, Option A, Option B, Then, Now, or no labels if the context is obvious.

Which format is better for social posts?

A single side-by-side PNG is usually easier to share because it keeps the comparison together in feeds, messages, and posts.

Related guides

Keep reading