イメージバッシュ (ImageBash)
概要 (What is it?)
ImageBash ノードは、複数の画像を単一のキャンバス上に結合して合成画像（コンポジット画像）を作成します。カスタマイズ可能なキャンバス解像度や背景色を使用して、コラージュ、画像グリッド、または複数のビジュアル素材を 1 つにまとめたまとまりのある構図を作成するのに最適です。
使用する場面 (When would I use it?)
以下のような場面でこのノードを使用します：
- 画像のコラージュやグリッドを作成したい場合
- 複数の画像素材を 1 つのコンポジションに統合したい場合
- 画像のモザイクやパターンを作成したい場合
- 画像ギャラリーやポートフォリオシートを構築したい場合
- 関連する画像を 1 枚にまとめて比較したい場合
- SNS 向けのマルチ画像レイアウトを作成したい場合
- 画像ベースのプレゼンテーションスライドを構成したい場合
使い方 (How to use it)
基本セットアップ
- ワークフローに ImageBash ノードを追加します
- 複数の画像ソースをリストとして "input_images" 入力に接続します
- キャンバスサイズと背景色を設定します
- 合成された画像が "output_image" パラメータから出力されます
パラメータ一覧 (Parameters)
キャンバス設定 (Canvas Settings)
-
canvas_size: 出力キャンバスのサイズ
- Custom: 任意の幅と高さを指定
- HD: 1280x720
- Full HD: 1920x1080
- 4K: 3840x2160
- Square: 1024x1024
- Instagram Post: 1080x1080
- Instagram Story: 1080x1920
-
width（ピクセル単位、デフォルト: 1920）: カスタムキャンバスの幅（canvas_size が "Custom" の場合に有効）
- height（ピクセル単位、デフォルト: 1080）: カスタムキャンバスの高さ（canvas_size が "Custom" の場合に有効）
- background_color（16進数カラーコード、デフォルト: #ffffff）: 画像が配置されない余白部分の背景色
画像入力 (Image Input)
- input_images: 結合する画像のリスト（複数の画像ノードから接続可能）
出力 (Outputs)
- output_image: すべての入力画像が結合された合成画像
使用例 (Example)
典型的なイメージバッシングワークフローの例：
- 複数の LoadImage ノードを使用して画像を読み込みます
- すべての画像を ImageBash ノードの "input_images" パラメータに接続します
- キャンバス設定を構成：
- 1920x1080 のキャンバスにするため canvas_size で "Full HD" を選択
- 明るいグレーの背景にするため background_color を "#f0f0f0" に設定
- ノードが自動的にキャンバス上に画像を配置します
- "output_image" を DisplayImage に接続して結果を確認します
重要な注意点 (Important Notes)
- 自動レイアウト: キャンバス上に画像が自動的に効率よく整列・配置されます
- 柔軟なキャンバス: 主要なプリセットサイズから選択するか、自由なカスタム解像度を指定できます
- 背景の制御: 空白領域の背景色を自由に指定できます
- 複数画像の処理: 任意の枚数の入力画像に対応します
よくある問題 (Common Issues)
- 画像が表示されない: "input_images" パラメータに画像リストが正しく接続されているか確認してください
- 画像が小さすぎる: キャンバスサイズを大きくするか、入力画像の解像度を確認してください
- 背景色が意図と異なる: background_color パラメータを好みの色コードに調整してください
技術的な詳細 (Technical Details)
このノードは以下の処理を実行します：
- キャンバス生成: 指定されたサイズと背景色で新しいキャンバスを作成
- 画像の配置: キャンバス上に入力画像を自動整列
- 合成処理: すべての画像を 1 つの複合画像に合成
- 出力の生成: 最終合成画像を高品質な画像として保存
複数のビジュアルソースから、魅力的でまとまりのあるビジュアル構図を瞬時に作成できます。