JobsiteOn

Before-and-After Photos

Pair two project photos for an interactive comparison and create a durable branded composite for reports or social posts.

Julian Park
Written by Julian ParkUpdated 2 weeks ago3 min readBeginner

Create a comparison

Both source photos must be ready and belong to the same Capture project.

  1. Open Work → Capture and choose the project.
  2. Select the photo you want to start with.
  3. Select the before-and-after icon.
  4. Choose whether the current photo is the Before or After image.
  5. Pick the other photo.
  6. Choose Side by side or Top / bottom for the downloadable composite.
  7. Edit the Before and After labels if needed.
  8. Select Create comparison.

Capture stores the pairing in both directions. Reopening either source photo restores the same pair without making you choose it again. Re-pairing a source clears its older reciprocal link so a photo cannot point at two different partners.

Use the interactive slider

After creation, the lightbox shows the pair as an interactive wipe. Drag across the picture, or focus the comparison range and use the arrow keys. Use Side by side when you would rather see both full frames at once.

The viewer works on phones, tablets, and desktop screens. On a phone, side-by-side mode stacks the two frames so each stays large enough to inspect.

Share the slider

When both paired source photos are included in the same project or gallery share, opening either one on the public share page shows the same slider. The share's download and metadata settings still apply: pairing never turns on downloads or reveals coordinates and hashes that the sender chose to hide.

The public slider is pointer-, keyboard-, and screen-reader-operable. Recipients can also switch to the responsive side-by-side view.

Download the composite

Creating a pair also saves a new, durable JPEG to the project. It is not a screenshot from the browser. Capture renders it at export resolution with:

Select Download composite immediately after creation, or find the generated Before / After photo in the project timeline later. Because it is a normal ready Capture asset with its own derivative sizes, it can be added to a report, proposal, gallery, or social workflow without rebuilding the pair.

Source edits and originals

The composite uses each source photo's active edited derivative when you create it. It does not alter either source or its original SHA-256. If you later crop one source, create the comparison again when you want a new composite that includes that crop.

Did this answer your question?

Related Articles