画像差分比較（ピクセルdiff・ヒートマップ）

基準画像と比較画像をピクセル単位で突き合わせ、違う場所を色で示して差異率を計算します。デザインの修正漏れ確認、スクリーンショットの回帰チェック、圧縮前後の劣化確認に使えます。ドラッグで見比べたいときは画像比較スライダーもご利用ください。

🔒 ブラウザ内で完結・入力データはサーバーに送信されません

2枚の画像を読み込むと比較できます。

使い方

1. 「基準画像を選択」と「比較画像を選択」で2枚の画像を読み込みます（ドラッグ＆ドロップも可能です）。
2. サイズが違うときは「サイズが違う場合の扱い」を選びます。
3. 「しきい値（許容する差）」と「差分の表示」を調整して、差異率と差分マップを確認します。
4. 「差分画像をPNGで保存」で差分マップを保存します。

注意点

• 「余白を足して比較」は、画像を拡縮せず左上を揃えて大きい方のサイズに足りない部分を透明として扱うため、サイズ違いの余白部分は差異になります。
• 「大きい方に拡縮して比較」は、面積の大きい画像のサイズに、もう一方を縦横比を無視して引き伸ばして合わせます。縦横比が違うと全体が差異になりやすくなります。
• 差分は赤・緑・青・透明度のうち最も大きく違う値で判定します。人の目に見える差とは一致しない場合があります。
• 比較用の画像は長辺4,096px・1,600万画素までに収めます。これを超える画像は縮小して計算します。
• GIFアニメーションは最初のフレームだけを使います。

用語解説

よくある質問