Back to blog

Before and After Images on a Phone: What Actually Works

Nov 1, 2026BeforeAfterLabBeforeAfterLab

Making a comparison image from photos already on your phone, without installing an app: what to check, which format to export, and what changes on a small screen.

Most before and after pairs are made from photos that are already on a phone. The question is not how to take them, but how to get from two camera-roll images to one file you can post — without an app, an account, or a second device.

No app is required

The comparison is drawn by the browser on your own phone. The two photos are read from storage, combined on a canvas, and written back to your downloads folder or camera roll. Nothing is uploaded, so there is no "processing" step to wait for and no copy of your images anywhere else.

That also means it works the same on iOS and Android: open the page, choose the two photos, export.

Check the pair before you arrange it

Two things decide whether the result will read well, and both are visible in ten seconds:

  1. Are both photos the same shape? A wide landscape next to a tall portrait is a mismatch no layout fixes. Crop the odd one in your photo editor first, or accept that one half will be cropped harder.
  2. Are they the same scale? If a person's head is a different size in the two photos, the eye reads zoom, not change.

If both are off, the overlay layout is the quickest test: put one on top of the other at low opacity and see whether the outlines agree.

Which layout survives a small screen

Phone screens are tall and narrow, which changes what works:

  • Vertical stack gives each photo full width. Best when the two images are both portrait and the change is vertical (a room, a person).
  • Slider keeps both photos at full size and needs no scroll to compare — the handle does the work.
  • Side by side halves the width of each photo. It is still the clearest for a quick read, but fine detail disappears at phone size.
  • Overlay is the most compact: one frame, both states. It only works when the camera did not move.
  • Split view is a stylistic choice; at phone size the diagonal seam takes up space that could be showing the subject.

Export the format the destination wants

  • PNG when the image goes into a message, a listing or a document. It keeps edges and text sharp.
  • GIF when it should move without being tapped — chats, comments, some social previews.
  • Video when the destination prefers video: a three-second sweep is often watched when a still is not.

The GIF and the video are made in the browser too, from the same two photos, so you do not need a second tool to animate what you just arranged.

Practical sizing

  • Both halves at the same scale beats both halves at the highest resolution.
  • Export at the size of the source photo. Upscaling a 720 px photo to 2200 px adds file size, not detail.
  • If the result will be viewed on a phone, a tall export (4:5 or 9:16) fills more of the screen than a square one.

Free, and what Pro changes

Every layout, every template, the slider preview and the GIF and video export are free and need no account. The first clean PNG export each day carries no mark; further PNG exports that day carry a small corner mark, and there is a daily limit.

Pro — $4.98 per week, $9.80 per month or $59.80 per year, cancel any time from your account — removes the mark and lifts the limit. Nothing else changes: same layouts, same templates, same browser-only processing.