画像の結合 (MergeImages)
概要 (What is it?)
MergeImages ノードは、多彩なレイアウトオプションを使用して複数の画像を単一の構図へと結合します。コラージュ、画像グリッド、または関連する画像群を 1 つにまとめたまとまりのあるビジュアルを作成するのに最適です。
使用する場面 (When would I use it?)
以下のような場面でこのノードを使用します：
- 画像のコラージュやグリッドを作成したい場合
- 複数の関連画像を 1 枚にまとめたい場合
- モザイクやパターン画像を作成したい場合
- 画像ギャラリーやポートフォリオ用の一覧を作成したい場合
- 比較検討用に画像を並べたい場合
- SNS 向けのマルチ画像レイアウトを生成したい場合
- 画像ベースのプレゼン資料を作成したい場合
使い方 (How to use it)
基本セットアップ
- ワークフローに MergeImages ノードを追加します
- 複数の画像ソースを "input_images" 入力に接続します
- レイアウトスタイルと配置設定を選択します
- 結合された画像が "output" パラメータから出力されます
パラメータ一覧 (Parameters)
画像入力 (Image Input)
- input_images: 結合する画像のリスト（複数の画像ノードから接続可能）
レイアウト設定 (Layout Settings)
-
layout_style: 画像の整列・配置スタイル
- grid: 等サイズのセルを持つグリッドレイアウト
- horizontal: 画像を横一列に並べる水平レイアウト
- vertical: 画像を縦一列に並べる垂直レイアウト
- masonry: 高さが異なる画像を Pinterest 風に敷き詰めるメイソンリーレイアウト
-
columns（1〜10、デフォルト: 3）: グリッドレイアウト時の列数
- spacing（0〜50、デフォルト: 10）: 画像同士の間隔（ピクセル単位）
スタイルオプション (Styling Options)
- background_color（16進数カラーコード、デフォルト: #ffffff）: 結合画像の背景色
- border_radius（0〜20、デフォルト: 0）: 各画像の角丸半径
- padding（0〜100、デフォルト: 20）: 構図全体の周囲の余白（パディング）
出力 (Outputs)
- output: すべての入力画像が結合された合成画像
使用例 (Example)
一般的な画像結合ワークフローの例：
- 複数の LoadImage ノードで画像を読み込みます
- すべての画像を MergeImages ノードの "input_images" パラメータに接続します
- レイアウト設定を構成：
- 均一なグリッドを作るため layout_style で "grid" を選択
- 2 列レイアウトにするため columns を 2 に設定
- 適度な間隔を持たせるため spacing を 15 に設定
- 見た目をカスタマイズ：
- 明るいグレー背景にするため background_color を "#f0f0f0" に設定
- ほんのり角を丸めるため border_radius を 5 に設定
- 外周に余白を空けるため padding を 30 に設定
- "output" を DisplayImage に接続して結果を確認します
重要な注意点 (Important Notes)
- 柔軟なレイアウト: グリッド、水平、垂直、メイソンリーの 4 種類のレイアウトに対応
- 自動配置: 指定した設定に応じて画像が自動的に最適配置されます
- 細かなスタイル制御: 背景色、余白、角丸を自由にカスタマイズ可能
- 複数画像の処理: 枚数の制限なく画像を結合できます
よくある問題 (Common Issues)
- 画像が表示されない: "input_images" パラメータに画像リストが正しく接続されているか確認してください
- 画像が小さすぎる: 全体の構図サイズを大きくするか、列数（columns）を減らしてください
技術的な詳細 (Technical Details)
このノードは以下の合成処理を行います：
- 指定されたレイアウトに基づいて入力画像を自動整列
- 画像のアスペクト比を維持しながらレイアウト枠内にフィッティング
- 均一な余白とスタイルプロパティを適用
- ユースケースに応じた複数の配置アルゴリズムを内蔵