ビフォーアフター比較

加工前と加工後の2枚を重ねて、境界線をドラッグして見比べます。左右に並べる表示、変わった所だけを光らせる差分表示もあり、ラベル付きの1枚としてPNGで保存できます。

50%

画像

ラベル

PNGで書き出し

画像はこのブラウザの中だけで処理し、サーバーには送りません。比べる画像は「加工前」のサイズが基準で、加工後の画像のサイズが違うときは加工前に合わせて表示・書き出しします。長い辺が2400pxを超える画像は2400pxに縮小して扱います。

差分は画素ごとのRGBの差の絶対値(|R₁−R₂|+|G₁−G₂|+|B₁−B₂|)÷3 を強調して赤く表示します。「変化した画素」は差が255の3%(約8段階)を超えた割合の目安です。JPEGで保存し直しただけでも圧縮ノイズで細かい差が出ます。見比べるときは色に引っぱられにくい中間グレーの台(18%グレー相当)を背景にしています。

ビフォーアフター比較でできること

レタッチや補正の前後の画像を重ねて、境界線をドラッグしながら見比べるツールです。どこがどれだけ変わったかを差分表示で確かめ、ラベル付きの比較画像をPNGで保存できます。

使い方

  1. 「加工前(基準)」と「加工後」で画像を選びます。比較台に2枚まとめてドラッグ&ドロップしても読み込めます(開いた時点ではサンプル画像が入っています)。
  2. 上の「スライダー」で境界線をドラッグするか「境界線の位置」で動かして見比べます。「左右に並べる」で並べた表示、「差分」で変わった所だけを赤く強調した表示に切り替えられます。
  3. 「ラベル」で左右の文字を編集します。「Before / After」「加工前 / 加工後」のボタンですぐ切り替えられ、「ラベルを表示する」で消すこともできます。
  4. 「書き出す形」で「境界線の位置で合成した1枚」「左右に並べた1枚」「差分画像」を選び、「PNGを保存」を押します。

計算の仕組みと注意点

よくある質問

サイズの違う2枚の画像でも比べられますか?

比べられます。加工後の画像を加工前の画像のサイズに合わせて表示します。トリミングで縦横比が変わった場合は「サイズが違うとき」で「縦横比を保って中央で切り抜く」を選ぶと、引き伸ばしによるゆがみを避けられます。

レタッチでどこを直したかを確認する方法は?

「差分」表示にすると、変化した所ほど赤く表示されます。ゴミ取りや部分修正のような小さな変更は、「差分の強調」の倍率を上げると見つけやすくなります。

SNSに載せるビフォーアフター画像を作れますか?

「書き出す形」で「左右に並べた1枚」か「境界線の位置で合成した1枚」を選んで「PNGを保存」を押すと、ラベル入りの1枚になります。ラベルは「加工前 / 加工後」など自由に書き換えられます。

読み込んだ写真が外部に送られることはありますか?

ありません。画像の読み込みから合成・書き出しまで、すべてブラウザの中で行います。