タスクの道筋 / 入力から結果へ
2 枚の画像を比較する方法
- 01
2 枚の画像を選ぶ
元の画像と変更後の画像を選びます。PNG・JPEG・WebP に対応し、各 12 MiB、一辺 8,192 ピクセル、精密比較は 800 万ピクセルまでです。JPEG は読み込み時に EXIF 向きへ正規化され、両側に形式・寸法・ファイルサイズが表示され、左右を入れ替えはワンクリックです。
- 02
結論を読む
寸法が同じ画像は Worker で自動比較されます。しきい値 0 でアンチエイリアス画素も含めた結果がゼロなら、このアルゴリズムでは「ピクセル同一」と表示できます。それ以外の設定でのゼロは、現在のしきい値と境界処理で差が数えられなかったことだけを示します。差があれば件数と割合を表示します。
- 03
5 つのビューを切り替える
分割は 2 枚を並べて同期ズーム・パン——スクロールで拡大、ドラッグで移動、ボタンや矢印キーも使えます。スライダーはキーボード操作できる境界線で差分を示し、フェードは不透明度を調整して重ね、ハイライトは元画像の上に差分ピクセルを示し、差分マスクはそれだけを表示します。
- 04
しきい値とアンチエイリアスを調整する
しきい値は 0～0.5 の範囲でアルゴリズムの感度を調整します。0 が最も敏感ですが、RGBA のバイト単位の一致は保証しません。「アンチエイリアスの境界を無視」は初期状態でオンで、境界の差を除外できます。設定変更時には以前の処理を中止し、再比較します。
- 05
マスクを書き出す
「差分マスク PNG を書き出す」は、現在の設定で数えた差を透明背景に保存します。「ピクセル同一」もこのブラウザーでデコードした画素に対する pixelmatch の結果であり、ファイルのバイト一致や隠れた RGBA 全チャンネルの一致を意味しません。バイト一致には Hash Checker を使ってください。