本文へスキップ
ツール探検隊

画像の差分比較

2枚の画像をピクセル単位で比較し、変わった部分を塗って割合を計算します。

#画像#開発
サーバーに送信せずブラウザで処理IMG-068

画像の差分比較とは?

2枚の画像を重ねて比較し、変わったピクセルを赤で表示します。デザイン修正の確認、画面の回帰テスト、間違い探しに使えます。

使い方

  1. 1

    比較する2枚の画像を順番に選択してください。

  2. 2

    感度を調整してください。

  3. 3

    「比較する」を押すと差分画像と割合が表示されます。

活用例

デザインの検品

修正前後のカンプを比較して変わった部分を探します。

画面テスト

リリース前後のスクリーンショットを比較します。

よくある質問

ファイルはサーバーにアップロードされますか?+

いいえ。すべての処理はブラウザ内で行われ、ファイルはどこにもアップロードされません。

ツール検索

名前・説明・キーワードでツールを探せます