左側（基準画像）
画像を選択またはドロップ
PNG、JPEG、WebP、GIF、BMP、SVGなど
画像差分比較ツール
2枚の画像を並べ、重ね合わせ、ピクセル差分の3つの方法で比較します。
選択した画像と比較結果はブラウザ内だけで処理され、サーバーへ送信・保存されません。
比較する画像
右側（比較画像）
画像を選択またはドロップ
PNG、JPEG、WebP、GIF、BMP、SVGなど
比較結果
2枚の画像を選択してください
画像を読み込むと自動で比較します。
- 比較サイズ
- -
- 差分ピクセル
- -
- 差分率
- -
- 最大色差
- -
このツールについて
画面キャプチャ、デザイン、変換前後の画像を比較し、見た目では気付きにくい変更箇所と差分率を確認できます。
対応内容
- ブラウザが表示できるPNG、JPEG、WebP、GIF、BMP、SVGなどの画像
- 左右表示、透明度付き重ね合わせ、しきい値付きピクセル差分、差分画像の保存
使い方
- 基準画像と比較画像を選択するか、2枚まとめてドロップします。
- 左右表示、重ね合わせ、ピクセル差分から表示方法を選びます。
- 差分率と色差を確認し、必要に応じて差分画像を保存します。
制限事項
- アニメーション画像はブラウザがデコードした1フレームを比較します。
- 非常に高解像度の画像は端末やブラウザのメモリ上限により比較できない場合があります。
プライバシー: 選択したファイルと変換・解析結果はブラウザ内で処理され、Develop Toolsのサーバーへ送信・保存されません。