> ## Documentation Index
> Fetch the complete documentation index at: https://docs.comfy.org/llms.txt
> Use this file to discover all available pages before exploring further.

# ImageStitch - ComfyUI Built-in Node Documentation

> Complete documentation for the ImageStitch node in ComfyUI. Learn its inputs, outputs, parameters and usage.

このノードは、指定された方向（上、下、左、右）に2つの画像を結合し、サイズの一致や画像間のスペース設定をサポートします。

## 入力

| パラメータ名        | 説明                               | データ型    | 入力タイプ | デフォルト | 範囲                         |
| ------------- | -------------------------------- | ------- | ----- | ----- | -------------------------- |
| `画像1`         | 結合される最初の画像                       | IMAGE   | 必須    | -     | -                          |
| `画像2`         | 結合される2番目の画像。指定しない場合は最初の画像のみを返します | IMAGE   | オプション | None  | -                          |
| `方向`          | 2番目の画像を結合する方向：右、下、左、または上         | STRING  | 必須    | right | right/down/left/up         |
| `画像サイズを一致させる` | 2番目の画像を最初の画像の寸法に合わせてリサイズするかどうか   | BOOLEAN | 必須    | True  | True/False                 |
| `間隔の幅`        | 画像間のスペースの幅。偶数である必要があります          | INT     | 必須    | 0     | 0-1024                     |
| `間隔の色`        | 結合された画像間のスペースの色                  | STRING  | 必須    | white | white/black/red/green/blue |

> `spacing_color`について、"white/black"以外の色を使用する場合、`match_image_size`が`false`に設定されていると、パディング領域は黒で塗りつぶされます

## 出力

| 出力名     | 説明      | データ型  |
| ------- | ------- | ----- |
| `IMAGE` | 結合された画像 | IMAGE |

## ワークフロー例

以下のワークフローでは、異なるサイズの3つの入力画像を例として使用しています：

* image1: 500x300
* image2: 400x250
* image3: 300x300

<img src="https://mintcdn.com/dripart/r1WgNOrRhVXUBgky/images/built-in-nodes/ImageStitch/workflow.webp?fit=max&auto=format&n=r1WgNOrRhVXUBgky&q=85&s=d7fc26a57f9cfe0d2f6dfa1a3cad2ab6" alt="ワークフロー" width="2000" height="1044" data-path="images/built-in-nodes/ImageStitch/workflow.webp" />

**最初の画像結合ノード**

* `match_image_size`: false、画像は元のサイズで結合されます
* `direction`: up、`image2`は`image1`の上に配置されます
* `spacing_width`: 20
* `spacing_color`: black

出力画像1：

<img src="https://mintcdn.com/dripart/r1WgNOrRhVXUBgky/images/built-in-nodes/ImageStitch/output-1.webp?fit=max&auto=format&n=r1WgNOrRhVXUBgky&q=85&s=671f720ee4cca028cc03d8abe9aecac0" alt="出力1" width="500" height="570" data-path="images/built-in-nodes/ImageStitch/output-1.webp" />

**2番目の画像結合ノード**

* `match_image_size`: true、2番目の画像は最初の画像の高さまたは幅に合わせて拡大縮小されます
* `direction`: right、`image3`は右側に表示されます
* `spacing_width`: 20
* `spacing_color`: white

出力画像2：

<img src="https://mintcdn.com/dripart/r1WgNOrRhVXUBgky/images/built-in-nodes/ImageStitch/output-2.webp?fit=max&auto=format&n=r1WgNOrRhVXUBgky&q=85&s=4ed7e7cbfcc3f1f35866b4472b2e517d" alt="出力2" width="1090" height="570" data-path="images/built-in-nodes/ImageStitch/output-2.webp" />

> このドキュメントは AI によって生成されました。エラーを見つけた場合や改善のご提案がある場合は、ぜひ貢献してください！ [GitHub で編集](https://github.com/Comfy-Org/embedded-docs/blob/main/comfyui_embedded_docs/docs/ImageStitch/ja.md)