画像差分

使い方

1. 基準画像を追加

   正とするゴールデンイメージをアップロードします。

2. 比較画像を追加

   検証したいスクリーンショットや書き出しデータをアップロードします。サイズが違っても基準画像に合わせて自動スケーリングされます。

3. 許容誤差を調整し、差分を確認

   スライダーで許容誤差を動かし、圧縮ノイズを無視するかどうかを調整します。マゼンタの差分と一致率を確認してください。

判定範囲

画像2枚を読み込み、どちらも50MiBまで、image/以外のMIMEタイプは受け付けません。寸法が違う場合は2枚目を1枚目の大きさへ引き伸ばしてから比較するため、縦横比が違うと差分が全面に出ます。比較結果は画面上の表示だけで、差分画像のダウンロードはありません。ファイルは送信しません。

よくある質問

画像はサーバーにアップロードされますか？

いいえ。処理はすべてブラウザ内で完結します。ファイルは端末外へ送信されず、サーバーに保存されることもありません。

どの画像形式に対応していますか？

ブラウザで開ける形式であれば利用できます（JPEG, PNG, WebP, GIF, BMP, SVG, AVIF など）。差分結果はキャンバス上に描画されます。

透過やアルファ値はどう扱われますか？

両画像で完全に透過しているピクセルは、RGB値が異なっていても一致とみなします。それ以外の場合はアルファ値の差も判定に含まれます。

許容誤差の目安は？

厳密な一致確認は0%。圧縮後のバナーやサムネは1〜5%。フォントやアンチエイリアスの差を許容したい場合はさらに上げてください。