ByteScope

Image Pixel Diff

2枚の画像をピクセル単位で比較 — 差分・ブレンド・スワイプ・オニオンスキン・ブリンク。

ファイルはブラウザから送信されません — 処理はすべてローカルで行われます。

Drop two images to compare

A then B · click to browse · paste (Ctrl+V) anywhere on this page

このツールについて

これは、2枚の画像をピクセル単位で比較したいすべての人のためのオンライン画像diffツールです — レッドラインと実装を照合するデザイナー、スクリーンショットのリグレッションを検証する開発者、編集の痕跡を探すフォトグラファー。画像Aと画像Bをドロップまたはペーストすると、ツールが変更点を正確にハイライトします。アンチエイリアス検出を備えた成熟したピクセル比較エンジンが土台にあるので、非可逆圧縮のノイズが本当の差分を覆い隠すことはありません。許容値スライダー、チャンネルごとの差分増幅、自動バウンディングボックスにより、「なんとなく違う」が正確で測定可能な数値に変わります。

この分野の既存ツールは意外なほど貧弱です — 多くはファイルをアップロードさせ、固定された比較ビューを1つ返すだけ。このツールは5つの比較モード(差分ハイライト、差分ブレンド、スワイプ、オニオンスキン、ブリンク)をブラウザ内でローカルに実行し、何もアップロードせず、変更ピクセル数、変更率、チャンネルの最大デルタ、変更領域の数をレポートします。画像の違いを見つけるための高速でプライベートな方法です — サイズが一致しない場合も、比較の前にパディングまたはスケーリングで揃えて処理します。

よくある質問

この画像差分ツールにはどんな比較モードがありますか?
5種類あり、同じペアのまま瞬時に切り替えられます。差分ハイライトは暗くしたベースの上に変更ピクセルをオレンジで塗ります。差分ブレンドは増幅した|A−B|の値の画像を表示します。スワイプは2枚の画像の間で仕切りをドラッグします。オニオンスキンは不透明度スライダーでBをAの上にクロスフェードします。ブリンクはAとBを約0.5秒間隔で交互に表示します。多くのオンラインツールはモードが1つだけですが、5つすべてを行き来できると2枚の画像のピクセル単位の比較がずっと楽になります。
サイズの異なる2枚の画像はどうやって比較しますか?
2枚のサイズが一致しない場合、ツールが警告を出し、差分を取る前に揃える方法を2つ提示します。「左上揃え」は小さい方の画像を透明で埋めて同じキャンバスに載せ、「BをAに合わせて拡縮」は2枚目の画像を1枚目の寸法にリサンプルします。確認したい内容に合う方を選んでください。
許容値(tolerance)スライダーは何をするものですか?
許容値(0–255)は、2つのピクセルがどれだけ違えば変更としてカウントするかを設定します。値を上げると、非可逆のJPEGやWebP圧縮が生む微小な色ずれを無視でき、本当の違いだけが見えます。さらにアンチエイリアスされたエッジを検出して無視することもできるため、再エンコードされた画像同士の違いを探すときの誤検出をさらに減らせます。
画像はサーバーにアップロードされますか?
いいえ。デコードと比較はすべてブラウザ内のWeb Workerで実行され、画像がデバイスから外に出ることはありません。アップロード工程はなく、ファイルサイズの制限もお使いのマシンのメモリ以外にはありません。一度読み込めばページはオフラインでも使えます。
変更箇所の確認と結果のエクスポートはできますか?
はい。統計パネルには、異なるピクセルの数と割合、チャンネルごとの最大差分、変更された領域の数が表示されます。「変更領域を枠で囲む」をオンにすると差分の上にバウンディングボックスが描かれ、「diff.pngをダウンロード」で現在のビューをPNGとして保存できます。
差分ハイライトと差分ブレンドは何が違いますか?
差分ハイライトはイエス/ノーのビューです:各ピクセルは許容値のしきい値に応じて変更あり(オレンジ)か変更なしのどちらかになります。差分ブレンドは連続的なビューで、チャンネルごとの|A−B|にゲイン係数を掛けて表示するため、ゲインを上げるとしきい値未満のかすかな違い(グラデーション、圧縮アーティファクト、ウォーターマーク)が見えるようになります。