ビフォーアフター
読み: びふぉーあふたー
加工前と加工後の画像を並べて比較表示する手法。レタッチの効果やツールの性能を視覚的に伝える。
ビフォーアフターとは、画像の加工前 (Before) と加工後 (After) を並べて表示し、変化を視覚的に比較する手法である。写真レタッチの効果を示す場合、ダイエットや美容の成果を伝える場合、リフォームの施工前後を見せる場合など、「変化」を直感的に伝えたいあらゆる場面で活用される。
表示方法としては、左右に並べる方式、スライダーで境界線を動かして切り替える方式、タップで切り替える方式の 3 種類が一般的である。Web ではスライダー方式が特に人気で、ユーザーが自分で境界を動かせるインタラクティブな体験を提供できる。
ビフォーアフター画像を作成する際は、両方の画像を同じ解像度とアスペクト比に揃えることが重要である。リサイズツールでサイズを統一してから並べると、比較が正確に伝わる。