> ## Documentation Index
> Fetch the complete documentation index at: https://dripart-docs-recommend-assets-api.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-recommend-assets-api/lHvc-EW9wWg1OPFd/images/built-in-nodes/ImageStitch/workflow.webp?fit=max&auto=format&n=lHvc-EW9wWg1OPFd&q=85&s=75797b61def63f024cac9823fbf8d889" 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-recommend-assets-api/lHvc-EW9wWg1OPFd/images/built-in-nodes/ImageStitch/output-1.webp?fit=max&auto=format&n=lHvc-EW9wWg1OPFd&q=85&s=da8f56675171f11742df89a6e3984663" 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-recommend-assets-api/lHvc-EW9wWg1OPFd/images/built-in-nodes/ImageStitch/output-2.webp?fit=max&auto=format&n=lHvc-EW9wWg1OPFd&q=85&s=c75d98c4c0f59b669f19c448d529c1eb" alt="output2" width="1090" height="570" data-path="images/built-in-nodes/ImageStitch/output-2.webp" />
