画像比較
画像モードは、2つの画像間の視覚的な違いに焦点を当てます。
画像比較を開始する
- 画像比較を開くには、2枚の画像をドロップします。
- 画像が1枚だけ読み込まれている場合は、もう1枚ドロップして比較を開始します。
すでに2枚の画像を比較している状態で新しい画像をドロップすると、ABDiff は最後に追加した画像を保持します。
比較モード
| モードタイプ | 目的 |
|---|---|
| Split, Side-by-side, Crossfade | 目視による確認 |
| Change Boxes | 領域単位の変更検出 |
| Absolute, Proportional | ピクセル単位の正確な差分検出 |
| Blurred, Edge | ノイズに強い構造比較 |
| SSIM | 知覚的な同等性の比較 |
| Delta E | 知覚的な色精度の比較 |
- Split View は、ドラッグ可能な仕切りの左右に画像を表示します。レイアウト、間隔、配置を目視で確認するのに適していますが、人間の観察に頼るため、微細なピクセル単位の差は見落としやすくなります。
- Side-by-side は左ペインに左画像、右ペインに右画像を表示します。重ね合わせなしで両方を同時に確認したいときに便利です。
- Crossfade はスライダーを使って画像をブレンドし、左画像または右画像を強調します。
- Change Boxes は変更された領域を検出し、右側の画像だけに赤い矩形を描画します。すでに位置合わせされたスクリーンショットやレンダリングで最も効果的です。画像サイズが異なる場合、ABDiff は左上基準の共通部分だけを比較し、その重なりの外側は無視します。
- Absolute Difference は、画像間のピクセルごとの正確な差を表示します。変更されたすべてのピクセルを強調しますが、アンチエイリアシングやわずかなレンダリング差によるノイズも拾うことがあります。
- Proportional Difference は相対的なピクセル変化を強調します。非常に暗い領域や明るい領域にある微細な差が見やすくなる一方で、Absolute Difference と同様に、取るに足らない変化を強調しすぎることがあります。
- Blurred Difference は、比較の前に軽いぼかしとダウンサンプリングを適用します。これによりピクセルレベルのノイズが減り、細かなラスター差よりも、より大きく視覚的に意味のある変化に注目しやすくなります。
- Edge Difference は、色ではなく各画像の輪郭や形状を比較します。そのため、レイアウト、間隔、構造の変化を見つけるのに適していますが、色の違いは強調されません。
- SSIM は、正確なピクセル値ではなく知覚された視覚構造に基づいて画像を比較します。小さなピクセル差があっても、人間には同じように見えるかどうかを判断するのに役立ちます。
- Delta E（Lab）は、Lab 色空間での知覚的な色距離を使って画像を比較します。人間の目に分かる色の変化を強調するため、色の正確さが重要な場合に特に有効です。
整列
アラインメントは、比較前に2つの画像が共通のピクセルグリッドをどのように共有するかを決定します。ズームや表示倍率は変更しません。オプション:
- None (Top-Left): 両方の画像を 1:1 のまま、左上に固定します。
- Find Smaller Image in Larger…: 大きい画像の中から小さい画像を見つけて位置合わせします。
- Normalize Right to Left: 右画像を左画像のピクセルグリッドに合わせて再スケールします。
- Normalize Left to Right: 左画像を右画像のピクセルグリッドに合わせて再スケールします。
アラインメントが有効な場合は、ヘッダーにバッジが表示されます（例: 「Normalized to Left」）。
Side-by-side と Change Boxes は、各ペインに表示されている画像をそのまま使用し、位置合わせは適用しません。
ルーペ
ルーペは、メインビューに影響を与えずに、ピクセル単位で確認するための局所的な拡大表示を提供します。
- 画像比較ツールバーのスコープアイコンでルーペを切り替えます。
- ルーペは、浮遊する円形オーバーレイとしてカーソルを追跡します。
- 拡大されたコンテンツはカーソルの直下でサンプリングされます。
- ルーペはカーソルからずれているため、検査された領域が引き続き表示されます。
- Change Boxes では、右ペインのルーペに既定で赤い矩形オーバーレイが含まれます。D を押し続けると、オーバーレイなしの右画像を確認できます。
ショートカット
- A を押し続けると、ルーペ内に左側の元画像を一時的に表示します。
- D を押し続けると、ルーペ内に右側の元画像を一時的に表示します。
- S を押すと倍率が切り替わります: 1× → 2× → 4× → 8× → 1×（既定値: 4×）。
フィットとズーム
設定ボタンを使って画像表示を調整します。
- 実際のサイズ（1:1）: 常に 1:1 ピクセル表示です。自動で拡大・縮小しません。
- ウィンドウの塗りつぶし（スプリット、クロスフェード、差分モード）: 現在の表示領域に一度だけフィットします。100% を超えて拡大する場合があります。
- ペインに合わせる（Side-by-side と Change Boxes モード）: 左右ペインを共通倍率で一度だけフィットします。100% を超えて拡大する場合があります。
- 全体画像を表示: 画像全体が見えるように一度だけフィットしますが、100% を超えて拡大しません。
- ウィンドウにフィット (Auto):
ウィンドウサイズの変更に合わせて再計算される継続的な自動フィットモードです。
- スプリット/クロスフェード/差分では、継続的な ウィンドウの塗りつぶし と同じ動作になります。
- Side-by-side/Change Boxes では、両方の画像が収まると自動で 1:1 を使い、収まらない場合は全体表示フィットに切り替わります。
全体画像を表示 と ウィンドウにフィット (Auto)
の違い
一度だけ、かつ 100% を超えずに合わせたい場合は
全体画像を表示 を使います。
ウィンドウのリサイズに追従して常に合わせたい場合は
ウィンドウにフィット (Auto) を使います。
マウスホイールまたは View ▸ Zoom コマンドで画像を拡大・縮小します。
画像はマウスドラッグまたはミニマップで再配置できます。再配置は、画像サイズが現在のウィンドウより大きい場合にのみ利用できます。
ミニマップの動作: コンテンツが表示領域を超える場合にのみ、ミニマップが表示されます。2 秒間操作がないと自動的に隠れます。ポインタを重ねたまま、または内部をドラッグしている間は表示されたままです。