ビフォーアフター

ビフォーアフターとは、画像の加工前 (Before) と加工後 (After) を並べて表示し、変化を視覚的に比較する手法である。写真レタッチの効果を示す場合、ダイエットや美容の成果を伝える場合、リフォームの施工前後を見せる場合など、「変化」を伝える場面で使われる。

表示方法としては、左右に並べる方式、スライダーで境界線を動かして切り替える方式、タップで切り替える方式などがある。スライダー方式では、ユーザーが自分で境界を動かせる。

ビフォーアフター画像を作成する際は、両方の画像を同じ解像度とアスペクト比に揃える。リサイズツールでサイズを統一してから並べる。