操作
2 枚の screenshot をアップロード
出力
赤く強調された差分と差分率
デザインツール
画像差分チェッカー - pixel 差分を強調表示
2 枚の画像をブラウザ内で pixel 単位に比較できます。異なる pixel は赤で強調され、件数と割合も表示されるため、UI regression screenshot、デザイン差分確認、before / after review に便利です。画像はローカルのまま処理されます。
ImageDiffCompare
クイック切替:Diff 比較ビジュアライザー
このツールをお気に入りに
お気に入りの保存方法がまだ選ばれていません。
クイック操作
このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。
设计配色
画像差分チェッカー
点击或拖拽上传图片 A
点击或拖拽上传图片 B
差异结果
差异度：- 差异像素：-
红色区域表示两张图片存在差异的像素
-
利用シーン
- UI regression screenshot を比較する
- デザイン版ごとの差分を確認する
- 画像編集前後の違いを review する
使い方
- image A をアップロードする
- image B をアップロードする
- 強調表示、pixel count、percentage を確認する
入出力サンプル
FAQ
画像サイズが違っても比較できますか？
はい。比較は両画像の重なっている領域を使って行います。
画像はサーバーへ送信されますか？
いいえ。decode と pixel 比較はブラウザ内でローカル実行されます。
ツール
関連ツール
近い用途の翻訳済みツールへ続けて進めます。
Diff 比較ビジュアライザー
Diff Checker Visualizer — 左右並列テキスト差分
2 つのテキストを左右に並べて貼り付け、ブラウザ内で差分アルゴリズムにより追加・削除された箇所をハイライトします。設定ファイル、スクリプト、長文の改稿に役立ちます。
Diff 比較 テキスト