目的に合った表示を選択
「スワイプ」は仕切りの下の変更を表示し、「並べて表示」は両方の画像を常に表示します。
各比較表示の内容
「オーバーレイ」は「表示/オーバーレイ」を使用して2番目の画像を最初の画像の上に重ねます。「差分」はピクセルごとの RGB の変化をヒートマップで表示します。ソースラベルでAとBを識別します。「スワイプ」は 100% のビューアズームでドラッグするか、「表示」スライダーと矢印キーで制御できます。保存前にモードを選択してください。エクスポートはそのモードに従います。
スライダー、オーバーレイ、並列表示、またはピクセル差分ヒートマップを使用して2つの画像を比較します。位置合わせとズーム、変更されたピクセルの測定を行い、PNGまたはJPGとして保存します。
完成したファイルをダウンロードします。
2つの画像を読み込み、「スワイプ」、「並べて表示」、「オーバーレイ」、または「差分ヒートマップ」で検査します。2番目の画像を最初の画像に合わせ、両方を同時にズームし、比較画像を1つエクスポートします。

「スワイプ」は仕切りの下の変更を表示し、「並べて表示」は両方の画像を常に表示します。
「オーバーレイ」は「表示/オーバーレイ」を使用して2番目の画像を最初の画像の上に重ねます。「差分」はピクセルごとの RGB の変化をヒートマップで表示します。ソースラベルでAとBを識別します。「スワイプ」は 100% のビューアズームでドラッグするか、「表示」スライダーと矢印キーで制御できます。保存前にモードを選択してください。エクスポートはそのモードに従います。
元のピクセル、枠内に収める、または最初の画像フレームを塗りつぶすを選択します。
最初の画像が比較フレームを定義します。Original pixelsは、スケーリングせずに2番目の画像を中央に配置します。Fit insideはすべての端を保持し、Fillはフレームを覆い、切り抜かれる場合があります。2番目の画像のスケールと水平/垂直オフセットで配置を微調整します。オフセットは最初の画像のピクセル単位で測定されます。最初のフレームの外側にあるコンテンツは測定に含まれません。
ビューアのズームは、両方の画像を100%から400%まで同時に拡大します。
拡大表示をドラッグしてパンします。両側で同じズームと移動が共有されるため、同じ領域が揃ったままになります。表示をリセットは、ビューアのズーム、パン、および2番目の画像のスケールとオフセットをリセットします。ビューアのズームは検査のみを変更し、エクスポートには完全に配置されたフレームが含まれます。
統計には、変更されたピクセルの割合と平均RGB差が表示されます。
ピクセルは、その最大のRGBチャネル差がDifference toleranceを超えた場合に「変更された」とカウントされます。平均RGB差は、その許容値とは無関係に、255のパーセンテージとして表される平均絶対チャネル差です。透明な画像は白の上に合成されます。ラベルは、実際に配置されたピクセルとリサンプリングされたグリッドを区別します。統計は16メガピクセルおよび1辺あたり8192ピクセルに制限されており、それより大きいソースは応答性を高めるために縮小されます。これらはピクセルメトリクスであり、知覚的な類似性や品質スコアではありません。
選択した比較をPNGまたはJPGとして保存します。
並べて表示は2パネルの画像を作成し、Swipe、Overlay、Differenceは1つの配置されたフレームを作成します。比較グリッドは16メガピクセルに制限されているため、2パネルのエクスポートは32メガピクセルに達する可能性があります。PNGはレンダリングされた比較をロスレスで保持し、JPGは画質を提供します。ダウンロードされた結果には比較が含まれ、編集可能なソースレイヤーは含まれません。
1ファイルあたり最大 25 MB。 1回につき最大 2 個の入力ファイル。
画像あたり 25 MB、最大 32 メガピクセル、一辺あたり 16,384 ピクセルまで。アニメーション入力は最初の静止フレームが使用されます。
画像のデコード、編集、エクスポートはブラウザ内で実行され、AIの使用や処理のための画像アップロードは行われません。サイトが他のネットワークサービスを使用する場合もありますが、ブラウザでの画像処理はそれらのサービスとは別個のものです。エディタや結果ページを更新すると、ツールページに戻ります。
このツールはブラウザ内でファイルを処理およびエクスポートします。ダウンロードされた画像は別のファイルであり、デバイス上のソースは上書きされません。
画像の結果を得るには、ダウンロード結果の下にある「続ける」を使用して、互換性のある次のステップを選択してください。引き継ぐ画像を選択できます。次のツールは独自の設定で開始されます。
エディターやダウンロードページを更新すると、ツールページに戻ります。 新しいワークフローを開始する前に、結果をダウンロードしてください。 ファイル処理についてはプライバシーポリシーをご覧ください。
始める前のいくつかの回答。
デバイス上で処理これは、測定された配置済みピクセルが許容値を超えていないことを意味します。ファイルは、メタデータ、エンコーディング、透明なRGB値、または測定フレーム外のコンテンツにおいて依然として異なる可能性があります。すべての表現されたRGB差を検出するには、許容値をゼロに設定してください。
はい。2番目の画像を最初のフレームに合わせる方法を選択し、スケールやオフセットを調整します。インターフェースにはリサンプリングされた測定値が表示され、最初のフレームの外側にあるものはすべて除外されます。
非可逆エンコーディングは、画像全体の小さなピクセル値を変更する可能性があります。小さなチャネル差を除外するにはDifference toleranceを上げてください。ただし、平均RGB差は依然としてすべての測定された差を報告することに注意してください。
いいえ。ビューアのズームとパンは検査専用です。ダウンロードには、選択したビューの完全な比較フレームが使用されます。
いいえ。このツールはブラウザ内で絶対的なRGBピクセル差を計算します。セマンティック認識を使用したり、知覚的な類似性スコアを主張したりすることはありません。
はい。Startの前にSide by sideを選択してください。両方の配置されたフレームを1つのPNGまたはJPG画像にエクスポートし、比較グリッドの幅を2倍にします。ビューアのズームはそれを切り抜きません。
クイックビデオチュートリアル
See what changed. Compare two images.
Compare two design images with a swipe divider, inspect their pixel-difference heatmap and download one PNG comparison.
英語のナレーション
ビデオを見る