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 in settings that show a change, such as photo retouching results, beauty and fitness progress, renovation comparisons, and tool performance demonstrations.

Display methods include side-by-side placement, an interactive slider that lets users drag a dividing line, and tap-to-toggle switching. With the slider approach, users control the comparison boundary themselves.

When creating before/after images, both versions are given the same resolution and aspect ratio. Dimensions are standardized with the resize tool before the images are paired.

Related Terms

Related Articles