画像の比較 (CompareImages)
概要 (What is it?)
CompareImages ノードは、2 つの画像を左右に並べて表示（サイド・バイ・サイド比較）し、視覚的な差異の確認、変更内容の評価、同じ画像の異なるバージョンの比較を容易にします。A/B テスト、品質管理、さまざまな画像処理パラメータの効果検証に最適です。
使用する場面 (When would I use it?)
以下のような場面でこのノードを使用します：
- 画像処理の前後の結果（Before / After）を並べて比較したい場合
- 異なる画像生成プロンプトによる結果を A/B テストしたい場合
- 画像処理ノードの各種パラメータ設定の品質差を評価したい場合
- 同一画像の異なるリビジョンを比較したい場合
- 色調補正やフィルタの効果を詳細に分析したい場合
- 画像処理ワークフローにおける品質管理（クオリティチェック）を行いたい場合
- レビュー用に複数の画像バリエーションを提示したい場合
使い方 (How to use it)
基本セットアップ
- ワークフローに CompareImages ノードを追加します
- 2 つの画像ソースを "image1" と "image2" 入力にそれぞれ接続します
- 両方の画像が左右に並んだ比較画像が表示されます
パラメータ一覧 (Parameters)
- image1: 比較する最初の画像（左側に配置）
- image2: 比較する 2 番目の画像（右側に配置）
出力 (Outputs)
- comparison: 両方の画像が左右に並んだ比較合成画像
使用例 (Example)
一般的な画像比較ワークフローの例：
- LoadImage を使用して元画像を読み込みます
- AdjustImageEQ などの画像処理ノードで画像を補正します
- 元画像を CompareImages ノードの "image1" 入力に接続します
- 補正後の画像を CompareImages ノードの "image2" 入力に接続します
- ノードが 2 つの画像を左右に並べて表示し、差異を一目で確認できます
重要な注意点 (Important Notes)
- 左右並列表示 (Side-by-Side): 比較が容易になるよう、画像は横並びで配置されます
- 自動スケーリング: 比較ビューに収まるよう画像は自動的に適切な比率でスケーリングされます
- リアルタイム更新: いずれかの入力画像が変更されると、比較表示も即座に更新されます
- 高品質の維持: 正確な比較ができるよう、画像のクオリティを損なわずに合成されます
よくある問題 (Common Issues)
- 画像が表示されない: "image1" と "image2" の両方の入力が正しく接続されているか確認してください
- 画像が小さすぎる: ノードは表示領域に合わせて自動調整するため、必要に応じてビューアを拡大してください
- レイアウトの崩れ: 横並びレイアウトは自動的に最適化されます
技術的な詳細 (Technical Details)
このノードは 2 つの入力画像から合成（コンポジット）画像を生成し、以下の作業を円滑にします：
- 画質の比較
- 処理効果の確認
- 異なるバリエーションの評価
- 画像処理設定に関する客観的な意思決定
画像処理や画像生成を含むあらゆるワークフローにおいて、結果を視覚的に評価するための必須ノードです。