Before/After
A presentation technique that displays images side by side or with a slider to visually compare the state before and after editing.
Before/After is a presentation technique that places pre-edit and post-edit images side by side to visually demonstrate changes. It is used wherever communicating transformation is important: photo retouching results, beauty and fitness progress, renovation comparisons, and tool performance demonstrations.
Three common display methods exist: side-by-side placement, interactive slider that lets users drag a dividing line, and tap-to-toggle switching. The slider approach is particularly popular on the web, offering an engaging interactive experience where users control the comparison boundary.
When creating before/after images, ensuring both versions share the same resolution and aspect ratio is essential for accurate comparison. Using the resize tool to standardize dimensions before pairing ensures the comparison communicates clearly.