Side-by-Side Progress Photo Compare

Compare two photos of the same client side by side to see body composition changes over time.

trainer guide/clients/[id]
What this is for: Give yourself an objective visual reference for client progress so you can adjust programming with confidence.

The photo compare view lets you pick two photos from the same client and view them side by side — same tag, different dates. Use it before a program review to see whether the current approach is working.

Tier note: Progress photo compare is available on paid tiers.

Tags: how photos are organized

Every progress photo has a tag that describes the angle. Allowed tags:

TagMeaning
frontFront-facing, arms at sides
backRear-facing
side_leftLeft side profile
side_rightRight side profile
otherAny other angle

Photos without a tag appear in an "Untagged" group. You can change a photo's tag at any time.

Step-by-step: compare two photos

  1. Open the client at /clients/[clientId].
  2. Click the Progress tab.
  3. Scroll to the Compare Photos section.
  4. In the Tag dropdown, choose the angle you want to compare (e.g. "front").
  5. Each column has a Date dropdown. Left column defaults to the oldest photo with that tag; right column defaults to the most recent.
  6. Change either dropdown to select a different date.
  7. Use the Swap button to flip left and right.

Grid overlay

Toggle Grid overlay to place a light grey grid on top of both photos. Useful for comparing posture and alignment. The overlay has no effect on the stored photo.

Mobile layout

On phones, the two photos stack vertically instead of sitting side by side. All controls remain the same.

Photo upload

Today, clients add photos by pasting a URL into the photo field rather than uploading a file directly. The photo is stored as a URL reference — no file is sent to EvoFit servers.

Changing or deleting a photo tag

Hover a photo thumbnail → click the menu (three dots) → Change tag or Delete. Deleting removes only the metadata record — no file is stored on EvoFit servers anyway.

Common pitfalls

Where to find this

  • Page: /clients/[clientId] → Progress tab → Compare Photos section.
  • Client upload: /progress → Photos tab.

Related

Was this article helpful?