2枚の画像を重ねてピクセル単位の違いを確認する方法

比較方法の使い分け

比較手順

1. 基準画像を左、比較画像を右へ読み込みます。
2. 寸法が異なる場合は、意図した違いか保存条件の違いかを確認します。
3. スライダーと透過重ねで位置ずれを確認し、差分強調へ切り替えます。
4. 許容しない差分の位置と原因を特定し、必要なら結果画像を保存します。

差分が出やすい要因

同じ画面でも、OS、ブラウザ、フォント、拡大率、GPU、撮影時刻によって文字の輪郭や影が変わることがあります。Webページの比較では、画面サイズと拡大率を固定します。

JPEGは保存のたびに圧縮ノイズが変わるため、厳密なピクセル比較にはPNGなどの可逆形式が向きます。

差分率が0%ではないという理由だけで失敗と判断せず、差分の位置と見た目が許容範囲かを確認してください。