> ## 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.

# ComfyUI 拡張描画（Outpainting）ワークフローの例

> このガイドでは、ComfyUIにおける拡張描画（Outpainting）のワークフローについて紹介し、実際の拡張描画の例を順に説明します

このガイドでは、AI画像生成における拡張描画（Outpainting）の概念と、ComfyUIで拡張描画ワークフローを作成する方法について解説します。以下のような内容をカバーします：

* 拡張描画ワークフローを用いた画像の拡張
* ComfyUIにおける拡張描画関連ノードの理解と活用
* 基本的な拡張描画プロセスの習得

## 拡張描画について

AI画像生成においては、既存の画像の構図が優れているもののキャンバス領域が小さすぎて、より広いシーンを得るためにキャンバスを拡張する必要があるケースがよくあります。このような場合に用いるのが「拡張描画」です。

基本的には、[マスクによる編集（Inpainting）](/tutorials/basic/inpaint) と同様の内容を扱いますが、**マスクの作成には異なるノード**を使用します。

拡張描画の主な応用例は以下の通りです：

* **シーンの拡張：** 元の画像のシーン範囲を広げ、より完全な環境を表現する
* **構図の調整：** キャンバスを拡張することで全体の構図を最適化する
* **コンテンツの追加：** 元の画像に、関連するシーン要素をさらに追加する

## ComfyUI 拡張描画ワークフローの例の解説

### 準備

#### 1. モデルのインストール

以下のモデルファイルをダウンロードし、`ComfyUI/models/checkpoints` ディレクトリに保存してください：

* [512-inpainting-ema.safetensors](https://huggingface.co/stabilityai/stable-diffusion-2-inpainting/blob/main/512-inpainting-ema.safetensors)

#### 2. 入力画像

拡張したい画像を準備してください。この例では、以下の画像を使用します：

<img src="https://mintcdn.com/dripart-docs-recommend-assets-api/6PZTulxPduBzJ-FN/images/tutorial/basic/outpaint/input.png?fit=max&auto=format&n=6PZTulxPduBzJ-FN&q=85&s=62df4da2b02621d31dec9dd0c7293287" alt="ComfyUI 拡張描画入力画像" width="512" height="512" data-path="images/tutorial/basic/outpaint/input.png" />

#### 3. 拡張描画ワークフロー

以下の画像をダウンロードし、**ComfyUIへドラッグ＆ドロップ**してワークフローを読み込んでください：

![ComfyUI 拡張描画ワークフロー](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image/basic/outpaint.png)

<Tip>
  メタデータにワークフローJSONを含む画像は、ComfyUIへ直接ドラッグ＆ドロップするか、メニューの `Workflows` → `Open (ctrl+o)` を使って読み込むことができます。
</Tip>

### 拡張描画ワークフローの使用方法の解説

<img src="https://mintcdn.com/dripart-docs-recommend-assets-api/6PZTulxPduBzJ-FN/images/tutorial/basic/outpaint/outpainting_workflow.jpg?fit=max&auto=format&n=6PZTulxPduBzJ-FN&q=85&s=e8a1ff54f1d4968fbf6bb71abe3caf3e" alt="ComfyUI 拡張描画ワークフローダイアグラム" width="1818" height="1160" data-path="images/tutorial/basic/outpaint/outpainting_workflow.jpg" />

拡張描画ワークフローの主な手順は以下の通りです：

1. `Load Checkpoint` ノードで、ローカルにインストール済みのモデルファイルを読み込みます
2. `Load Image` ノードの `Upload` ボタンをクリックして、自分の画像をアップロードします
3. `Queue` ボタンをクリックするか、ショートカット `Ctrl + Enter` を使用して画像生成を実行します

このワークフローでは、主に `Pad Image for outpainting` ノードを用いて画像の拡張方向および拡張範囲を制御します。実際にはこれは [マスクによる編集（Inpaint）](/tutorials/basic/inpaint) ワークフローですが、マスクの作成に異なるノードを使用しています。

### Pad Image for outpainting ノード

<img src="https://mintcdn.com/dripart-docs-recommend-assets-api/zDHpPUeID0CgytL1/images/comfy_core/image/pad_image_for_outpainting.jpg?fit=max&auto=format&n=zDHpPUeID0CgytL1&q=85&s=e379792a816892d49219b2f96621f8af" alt="Pad Image for outpainting ノード" width="852" height="570" data-path="images/comfy_core/image/pad_image_for_outpainting.jpg" />

このノードは入力画像を受け取り、対応するマスクとともに拡張された画像を出力します。マスクはノードのパラメーターに基づいて生成されます。

#### 入力パラメーター

| パラメーター名      | 機能                                                    |
| ------------ | ----------------------------------------------------- |
| `image`      | 入力画像                                                  |
| `left`       | 左側のパディング量                                             |
| `top`        | 上側のパディング量                                             |
| `right`      | 右側のパディング量                                             |
| `bottom`     | 下側のパディング量                                             |
| `feathering` | 元の画像と追加されたパディング部分との間の遷移の滑らかさを制御します。値が大きいほど滑らかな遷移になります |

#### 出力パラメーター

| パラメーター名 | 機能                                    |
| ------- | ------------------------------------- |
| `image` | 出力 `image` はパディング済みの画像を表します           |
| `mask`  | 出力 `mask` は元の画像領域および追加されたパディング領域を示します |

#### ノード出力内容

`Pad Image for outpainting` ノードによる処理後の出力画像およびマスクのプレビューは以下の通りです：

<img src="https://mintcdn.com/dripart-docs-recommend-assets-api/6PZTulxPduBzJ-FN/images/tutorial/basic/outpaint/pad_Image_for_outpainting_result.jpg?fit=max&auto=format&n=6PZTulxPduBzJ-FN&q=85&s=22a4e8c7e208fa6791aec2b6704d12c8" alt="Pad Image for outpainting ノードの結果" width="1600" height="798" data-path="images/tutorial/basic/outpaint/pad_Image_for_outpainting_result.jpg" />

対応する出力結果が確認できます：

* `Image` 出力は拡張された画像です
* `Mask` 出力は拡張領域をマークしたマスクです
