How to shoot a before and after that reads at thumbnail size
Most before and after posts fail before anyone taps them. How to frame, light, and match the two shots so the change is obvious at grid size.
A before and after that looks sharp on your screen can vanish completely in the grid. The photo is usually fine. The size is the problem. By the time anyone sees the post it has been shrunk to about the width of your thumb, sitting next to eleven other squares, and every bit of detail you were proud of has been thrown away by the resize.
The fix is not a better camera. It is shooting for the size the photo will actually be seen at, which means less in the frame, harder contrast, and two shots that differ in exactly one way.
Shoot for the grid, not for the gallery
Your photos live in two very different places. On your phone they are full screen, bright, and enormous. In someone's feed they are a small square glimpsed for under a second, usually one-handed, often in bad light, next to a lot of competition for the same attention.
Almost every decision about whether to stop and look happens at that smaller size. So the sensible thing is to shoot for the small version and let the large one take care of itself. That inverts most photography advice, which assumes the viewer is looking properly.
Shoot the before first, before anything else
The before shot is the one you cannot go back for. Once the cape is on and the first section is sprayed, it is gone for good, and no amount of skill later in the appointment recovers it.
It is also the least satisfying photo you will take all day, which is exactly why it gets skipped. Take it anyway, in the chair, before the conversation about what you are doing today. Three seconds of work, and it is the half of the pair that makes the other half mean anything. There is more on this in the capture guide, including the four clips worth grabbing while you are already holding the phone.
Change one thing, and make it the hair
This is the rule that does the most work, and the one most people break without noticing.
Between the before and the after, the only thing that should be different is the result. Same angle. Same distance. Same light. Same background. Same crop. If you stepped closer for the after, or the client turned toward the window, or you shot the before under the shop lights and the after by the door, the viewer's eye reads two unrelated photos rather than one change.
A trick that costs nothing: notice where your feet are for the before and stand there again for the after. Photographers use a tripod for this. You have a floor.
One light source, from the side
Overhead salon lighting is good for working and unhelpful for shooting. It drops shadows under the eyes, it blows out the top of the head, and it flattens the texture in hair, which is the exact thing an after shot exists to show.
Side light does the opposite. It rakes across the surface and makes texture visible: the separation in a curl, the blend in a fade, the shine on a fresh gloss. A window is the easiest source of it, so find the window and turn the chair toward it. Then use that same spot every time, so your before and after match and your grid starts to look deliberate rather than accidental.
Frame tighter than feels right, and watch what is behind them
At grid size, a full body shot is a person-shaped smudge. Nobody can see the work.
Crop to shoulders and up for a cut or a colour. Fill the frame with the thing that changed and let everything else fall outside it. It will feel too close through the viewfinder. Look at it in the grid afterward and it will feel about right.
Cropping tight also solves most of your background problem for free. Product shelves, a stack of towels, another client's elbow, the bin. At full size those read as a salon. At thumbnail they read as noise, and noise is what the eye skips over on its way somewhere else.
One clean wall solves it. Pick the wall once and keep using it. Watch the contrast too, since dark hair against a dark wall loses its edges completely at small sizes, and the shape of a cut is most of what you are trying to show.
Check it at the size people will see it
The whole thing takes five seconds. Post it to your own grid, or just shrink it on your phone until it is thumbnail sized, and look.
If you cannot tell what changed in about a second, the person scrolling has no chance. That is not a judgement on the haircut. It is information about the photo, and it is much cheaper to learn now than after it has gone out.
What this will not fix
Framing does not rescue a shot taken in the dark, and no amount of matched lighting makes a subtle result look dramatic. Some work genuinely does not photograph: a careful trim, a gentle correction, most of what happens over a course of skin treatments. For those, a tighter crop and a fixed camera position help, and sometimes the honest answer is that a still photo is the wrong medium and a short clip is the right one.
None of this is about making the work look like more than it is. The work is already good. The point is only that the version of it people actually see is a small square, and a small square rewards different decisions than the photo on your screen does.
Questions people ask
- Should the before and after be one photo or two?
- Two, shot to match, and let the app put them side by side. A single frame with a split down the middle halves the resolution of each side, which is the opposite of what you want at grid size. Two matched frames also give you a carousel, a Reel, and a still, from the same thirty seconds of work.
- How do I shoot before and afters if the salon has bad lighting?
- Find the window and turn the chair. One consistent side light beats good overhead lighting for this, because overhead light drops shadows under the eyes and flattens hair texture, which is the exact detail the after shot is supposed to show. If there is no window, pick the least bad spot in the shop and use it every single time. Consistency matters more here than quality.
- What if the result is subtle, like a skin treatment or a trim?
- Crop tighter and lock the camera position, so the only variable left is the skin or the hair. If a still photo genuinely cannot carry the difference, it is worth saying so rather than posting a comparison the viewer cannot see. A short clip, or a caption that explains what changed, is more honest and works better than a photo pair that looks identical.
Hans Jaeger
Hans built SalonFawn in Indianapolis for his wife Rebecca, a barber who was very good at her work and invisible online. Her feed has run on SalonFawn since May, which means every claim on this site was tested on someone whose book depends on it before it was written down. Hans' background is software, not salons, so the product decisions come from watching one barber lose an evening to Instagram over and over, and the writing here keeps to the same rule: only what has been checked, with the limits stated as plainly as the capabilities. You can scroll Rebecca’s feed at @rberry1987 or read the longer version of the story on the homepage.