before and after photos: the slider, the light, the honesty

web · 2026-09-10 · 3 min

the short answer: put the two photos in the same frame, one over the other, with a handle the visitor can drag. juxtapose, or the before/after widget your builder already includes, will do it. the harder part is that most pairs look like two rooms photographed by two different people on two different days.

a slider is a claim: this is the same thing, before and after. if the light changed, the after looks better because of the sun, and the visitor notices. then they stop believing the work too.

shoot the two frames the same way

phone on a tripod or a stack of books, same height, same zoom, same position. mark the floor with tape so the second shot happens from the same spot. shoot the before, do the work, shoot the after.

if you forgot the before, do not reconstruct it. take an honest photo of the finished work and skip the slider. a comparison you cannot defend is worse than no comparison.

three ways to place them

the slider convinces when the change is one detail: a kitchen, a restored chair, a cleaned facade. the handle needs to be at least 40 pixels, and the words "before" and "after" written as text, not only implied by position.

side by side is the honest option when the two photos have different proportions. on a phone they stack, so the comparison reads as a sequence: this, then this. the worst version is a carousel of twenty pairs. nobody drags twenty sliders.

the file problem

two photos at 4000 pixels cost more than the rest of the page. export at about 1600 pixels on the long side, webp, a few hundred kilobytes each. then drag the handle on a phone on mobile data: if the second image arrives late and the slider jumps, the comparison is broken.

faq

can i just put the two photos next to each other?

yes, and often it is the better choice. a slider implies the same frame and subject; if that is not true, the trick shows. side by side is more forgiving and reads better on a small screen.

which tool should i use?

on wordpress, the block your builder already has, so you do not add a plugin for one pair. on a hand-coded site, juxtapose is small. avoid anything that loads a large script to move one divider.

do i need a professional photographer?

not for work photos: daylight, a steady surface and a clean background are enough. for the one image that sells the place, a half day with someone who knows light is money well spent.