> ## Documentation Index
> Fetch the complete documentation index at: https://dripart-docs-lora-training-1772768349.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# ImageStitch - ComfyUI 組み込みノードのドキュメント

> ComfyUI の ImageStitch ノードに関する完全なドキュメントです。入力、出力、パラメーターおよび使用方法について学びましょう。

このノードは、2枚の画像を指定した方向（上・下・左・右）で結合（ステッチ）する機能を提供します。画像サイズの自動調整および画像間の余白（スペーシング）の設定もサポートしています。

## 入力

| パラメーター名            | データ型    | 入力タイプ | デフォルト値 | 値の範囲                       | 説明                                           |
| ------------------ | ------- | ----- | ------ | -------------------------- | -------------------------------------------- |
| `image1`           | IMAGE   | 必須    | -      | -                          | 結合対象となる最初の画像                                 |
| `image2`           | IMAGE   | 任意    | None   | -                          | 結合対象となる2番目の画像。指定しない場合、`image1` のみが出力されます     |
| `direction`        | STRING  | 必須    | right  | right/down/left/up         | 2番目の画像を結合する方向：right（右）、down（下）、left（左）、up（上） |
| `match_image_size` | BOOLEAN | 必須    | True   | True/False                 | 2番目の画像を `image1` のサイズに合わせてリサイズするかどうか         |
| `spacing_width`    | INT     | 必須    | 0      | 0–1024                     | 画像間の余白の幅。偶数値である必要があります                       |
| `spacing_color`    | STRING  | 必須    | white  | white/black/red/green/blue | 結合された画像間の余白の色                                |

> `spacing_color` において、「white」または「black」以外の色を指定する場合、`match_image_size` が `false` に設定されていると、余白領域は黒で塗りつぶされます。

## 出力

| 出力名     | データ型  | 説明     |
| ------- | ----- | ------ |
| `IMAGE` | IMAGE | 結合後の画像 |

## ワークフロー例

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

* image1: 500×300
* image2: 400×250
* image3: 300×300

<img src="https://mintcdn.com/dripart-docs-lora-training-1772768349/YDT5rbRqm-Phfefc/images/built-in-nodes/ImageStitch/workflow.webp?fit=max&auto=format&n=YDT5rbRqm-Phfefc&q=85&s=77718b20b21cec86b0d594c54b1af38f" alt="workflow" width="2000" height="1044" data-path="images/built-in-nodes/ImageStitch/workflow.webp" />

**最初の Image Stitch ノード**

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

出力画像1：

<img src="https://mintcdn.com/dripart-docs-lora-training-1772768349/YDT5rbRqm-Phfefc/images/built-in-nodes/ImageStitch/output-1.webp?fit=max&auto=format&n=YDT5rbRqm-Phfefc&q=85&s=199be07a978e0fb0688fd7501461a2bc" alt="output1" width="500" height="570" data-path="images/built-in-nodes/ImageStitch/output-1.webp" />

**2番目の Image Stitch ノード**

* `match_image_size`: true — 2番目の画像が、`image1` の高さまたは幅に合わせてスケーリングされます
* `direction`: right — `image3` が右側に配置されます
* `spacing_width`: 20
* `spacing_color`: white

出力画像2：

<img src="https://mintcdn.com/dripart-docs-lora-training-1772768349/YDT5rbRqm-Phfefc/images/built-in-nodes/ImageStitch/output-2.webp?fit=max&auto=format&n=YDT5rbRqm-Phfefc&q=85&s=08cd1dcb65bf76211be5fc0f736894dc" alt="output2" width="1090" height="570" data-path="images/built-in-nodes/ImageStitch/output-2.webp" />
