---
title: [ComfyMaster16] ComfyUIでImage-to-Image(i2i)を始めよう
description: ComfyUIを使ったImage-to-Image（i2i）技術の基本から応用までを解説。インペインティングによる表情変更とアニメ調からリアル調へのスタイル変換を具体例で紹介。ワークフローの構築方法、パラメータ調整のコツ、倫理的配慮事項も含む実践的ガイド。AIを活用した創造的な画像編集技術を学べる「ComfyUIマスターガイド」i2i編。
---

[AICU](https://corp.aicu.ai/ja)

# [\[ComfyMaster16\] ComfyUIでImage-to-Image(i2i)を始めよう](https://corp.aicu.ai/ja/comfyui20240915)

 作成者: [AICU Japan](https://corp.aicu.ai/ja/author/aidx-lab)｜2024年9月16日 23:12:37 Z

**「写真の表情を変えたい」、「イラストをリアルな絵画風にしたい」…**  
**それ、i2iで実現できます！**

こんにちわ、AICU media編集部です。  
「[ComfyUI マスターガイド](https://ja.aicu.ai/comfyui20240731/)」、いよいよ今回から「Image-to-Image(i2i)編」に突入します。  
この記事では、ComfyUIを使用したi2iの基本から応用まで、実践的なステップを踏んで解説していきます。

前回は[こちら](https://ja.aicu.ai/comfymaster1520240906/)。初回は[こちら](https://ja.aicu.ai/comfyui20240731/)。

## 1. Image-to-Image（i2i）とは

**Image-to-Image（i2i）**とは、既存の画像を入力として使用し、新しい画像を生成する技術です。元の画像の構造や特徴を保持しながら、新しい要素を追加したり、スタイルを変更したりすることができます。

ComfyUIでのi2iは、通常の画像生成と同じノードの多くを使用しますが、主な違いは入力に既存の画像を使用することです。この技術は、写真の編集や修正、アートスタイルの変換、キャラクターデザインの変更、風景画の変更や拡張など、幅広い用途に活用できます。

今回は、インペインティングによる表情の変更と、アニメ調からリアル調へのスタイル変換を解説します。

## 2. インペインティングによる表情の変更

では、実際にComfyUIでi2iのワークフローを構築してみましょう。今回は、以下の画像の表情を変えたいと思います。

<https://assets.st-note.com/img/1726414937-TwBc4topJ0nDydS27fkz3u9l.png?width=2000&height=2000&fit=bounds&quality=85>

- ワークフローが埋め込まれたPNG画像(webp形式ではなく)とGoogle Colabでの ComfyUI i2i編ノートブックは文末にて提供しています
- メニューの**「Load Default」**をクリックし、標準のワークフローをロードした状態にします。モデルは**「**[**stable-diffusion-xl-base-1.0**](https://huggingface.co/stabilityai/stable-diffusion-xl-base-1.0/resolve/main/sd_xl_base_1.0.safetensors)**」**を使用します。

<https://assets.st-note.com/img/1725156254317-mJ7IQIph0o.png?width=2000&height=2000&fit=bounds&quality=85>

- 次に**「Load Image」**ノードを追加し、**「choose file to upload」**から対象の画像をアップロードします。

<https://assets.st-note.com/img/1725156255033-a7DUFeYbo8.png?width=2000&height=2000&fit=bounds&quality=85>

- ウィジェット用で右クリックし、表示されたメニューから**「Open in MaskEditor」**をクリックします。

<https://assets.st-note.com/img/1725156254401-N0AAl81dz4.png?width=2000&height=2000&fit=bounds&quality=85>

- マスク範囲を指定するためのキャンバスが表示されます。

<https://assets.st-note.com/img/1725156255921-0qxMwALnK0.png?width=2000&height=2000&fit=bounds&quality=85>

- 今回は、表情を変更したいので、顔をブラシで塗りつぶします。
- 「Thikness(ペンの太さ)」「Opacity(不透明度)」「Color(ペンの色)」は作業用のパラメータです。最終画像への影響はありません。
- その後、**「Save to node」**をクリックします。

- 以下のように顔がマスキングされます。

<https://assets.st-note.com/img/1725156255082-ZSih72aA16.png?width=2000&height=2000&fit=bounds&quality=85>

- 次に、**「VAE Encode (for inpainting)」**ノードを追加します。
- **「Load Image」**の出力**「IMAGE」**と**「MASK」**を、それぞれ**「VAE Encode (for inpainting)」**ノードの入力**「pixels」**と**「mask」**に接続します。
- **「Load Checkpoint」**ノードの出力**「VAE」**を**「VAE Encode (for inpainting)」**ノードの入力**「vae」**に接続します。

<https://assets.st-note.com/img/1725156254390-bX5g9AO2KW.png?width=2000&height=2000&fit=bounds&quality=85>

- **「Empty Latent Image」**ノードを削除します。

<https://assets.st-note.com/img/1725156254942-F2kC0Bxr8i.png?width=2000&height=2000&fit=bounds&quality=85>

- **「VAE Encode (for inpainting)」**ノードの出力**「LATENT」**を**「KSampler」**ノードの入力**「latent\_image」**に接続します。

<https://assets.st-note.com/img/1725156254362-8Wl7ErEyha.png?width=2000&height=2000&fit=bounds&quality=85>

- ポジティブプロンプトを「1girl, smile」に変更します。

<https://assets.st-note.com/img/1725156254334-cek4D6tcet.png?width=2000&height=2000&fit=bounds&quality=85>

- これで**「Queue Prompt」**をクリックし、生成を実行します。以下が生成結果です。表情は変わりましたが、周囲との馴染みが若干悪いです。

<https://assets.st-note.com/img/1725156254790-v4PECioXFT.png?width=2000&height=2000&fit=bounds&quality=85>

- 生成結果を調整する際は、**「KSampler」**ノードの**「denoise」**の値を調整してください。この値を 1.0から 0.9, 0.8,…と下げていくことで、変化の度合いを調整できます。

<https://assets.st-note.com/img/1725156254354-HEub3oVxB7.png?width=2000&height=2000&fit=bounds&quality=85>

denoise = 0.8

<https://assets.st-note.com/img/1726408845-54fJhaQBAnT7WHrg6cieKURZ.png?width=2000&height=2000&fit=bounds&quality=85>

denoise = 0.75

<https://assets.st-note.com/img/1726408866-vUHVP91xA05oWYk2fjqnlpIz.png?width=2000&height=2000&fit=bounds&quality=85>

<https://corp.aicu.ai/hs/cta/wi/redirect?encryptedPayload=AVxigLL5B%2B%2BAgb4NqjzJYmumXeUeaCn1StG0eH5q%2FPrRcyoFMZFbvzLdsJt9T0rS3Eqz05%2BTCz86R6i96wuw%2FRZKdLuW2plzKFz5CQtzdQP7CAon3H0e9wALW7fXzTWfMZ4D9Ra4rz0esXWT%2Fz2m6nZzoYDjJTN4Av%2B%2BcHXQwNo1reEguSrvUyCe5uBVyaNyCkb42w%3D%3D&webInteractiveContentId=185006873759&portalId=43845236&hsLang=ja>

<https://corp.aicu.ai/hs/cta/wi/redirect?encryptedPayload=AVxigLJJaV6%2B7bS2G8w0ocbDdnW%2FKJjD0hkmE9IwSwigUYAKnRHF5AykEekaSCNa7%2FyvMySnMA2WSvzWN4H1aCPmUoBDbY26a4PPIyWnrKANbT6DJYCQyUfTeQt8Lngq1lQmjjIdRFToEebGq5f2f1YJkWNDsdCna9Lpl5DVkII9q7YgCeneCbeLAQdtdvqCyDHddg%3D%3D&webInteractiveContentId=185263496576&portalId=43845236&hsLang=ja>

※このパラメーターを 0.8 以下にすると、破綻しやすくなるので段階を踏みながら設定していくことをおすすめします。

細かな制御をしたい場合はVAE Encode (for Inpainting) のパラメータ「grow\_mask\_by」も操作するとよいでしょう。

「grow\_mask\_by」を小さい値にすると、境界線が目立つようになります。

<https://assets.st-note.com/img/1726409425-MI8qDKFnxRfUw4Gl169v3NQg.png?width=2000&height=2000&fit=bounds&quality=85> <https://assets.st-note.com/img/1726409451-4esxyFw2izu9CDl3jLEWVq6M.png?width=2000&height=2000&fit=bounds&quality=85>

逆に、「grow\_mask\_by」を大きな値にすると境界が曖昧になります。なお最大値は64です。大きくすると処理時間が長くなります。

denoise = 0.9, grow\_mask\_by = 64, seed = 1

<https://assets.st-note.com/img/1726410192-BofXgYz5Sa9HexhvKVnlrtMG.png?width=2000&height=2000&fit=bounds&quality=85>

バッチ生成してみましょう。  
denoise = 0.9, grow\_mask\_by = 64, **seed = 5**

<https://assets.st-note.com/img/1726410682-fuvE0h3nUi6SRN8oz1qYGtHc.png?width=2000&height=2000&fit=bounds&quality=85>

## 3. アニメ調からリアル調へのスタイル変換

先ほどのワークフローを利用し、アニメ調からリアル調へのスタイル変換をします。ワークフローの変更点としては、以下になります。

- 顔に掛けていたマスクを外します。今回はスタイルを変えるので、画像全体を対象とするためです。マスクの外し方は、**「Open in MaskEditor」**でマスク用のキャンバスを開き、左下の**「Clear」**をクリックし、マスクを削除後、**「Save to node」**をクリックします。

<https://assets.st-note.com/img/1725156254702-yVmkyerUhM.png?width=2000&height=2000&fit=bounds&quality=85>

- **「VAE Encode (for inpainting)」**ノードを**「VAE Encode」**ノードに変更します。**「VAE Encode」**ノードは、**「VAE Encode (for inpainting)」**ノードからマスクの入力が削除されたバージョンです。

<https://assets.st-note.com/img/1725156254402-99jJngtEZ3.png?width=2000&height=2000&fit=bounds&quality=85>

- 使用するモデルを**「**[**RealVisXL\_V4.0.safetensors**](https://huggingface.co/SG161222/RealVisXL_V4.0/blob/main/RealVisXL_V4.0.safetensors)**」**に変更します。RealVisXLは、実写の描写が得意なモデルで、これを利用することでリアル調のスタイルに変換します。以下のリンクからRealVisXLをダウンロードし、**「ComfyUI/models/checkpoints」**フォルダに格納してください。

※ダウンロード済みの場合は選択するだけになります。

[https://huggingface.co/SG161222/RealVisXL\_V4.0/blob/main/RealVisXL\_V4.0.safetensors](https://huggingface.co/SG161222/RealVisXL_V4.0/blob/main/RealVisXL_V4.0.safetensors)

- ポジティブプロンプトを「1girl」にします。表情は変えないので、smileは削除します。

<https://assets.st-note.com/img/1725156254335-XGXCK1h0oI.png?width=2000&height=2000&fit=bounds&quality=85>

- **「KSampler」**ノードの**「denoise」**を0.55-0.70程度に設定します。ここは、生成結果を確認しながら調整してください。

<https://assets.st-note.com/img/1725156254341-Bi4xvxKi8S.png?width=2000&height=2000&fit=bounds&quality=85>

- ここまでの設定で画像生成してみましょう。以下が生成結果です。元画像からスタイルが変わっていることが確認できます。

<https://assets.st-note.com/img/1725156255266-jB1UMsIw87.png?width=2000&height=2000&fit=bounds&quality=85>

## 4. 倫理的考慮事項

i2iの使用には倫理的な配慮が必要です:

1. **著作権**: 他者の作品を無断で使用しない。特にdenoiseを下げすぎると、依拠性や類似性を意図して侵害することになります。
2. **プライバシー**: 個人を特定できる画像の使用に注意
3. **ミスインフォメーション**: 偽の画像やディープフェイクなど、誤解を招く画像の作成を避ける
4. **不適切なコンテンツ**: 有害や攻撃的な画像の生成を控える

画像生成AIの責任は生成者にあります。責任ある使用を心がけ、創造性と倫理のバランスを保つことが重要です。

**▶画像生成AIクリエイター仕草（v.1.0）**

【参考】AUTOMATIC1111での i2i 関連情報はこちら

[https://note.com/aicu/n/n08ebe0637a41](https://note.com/aicu/n/n08ebe0637a41)

## 5. まとめ

ComfyUIでのi2i技術は、あなたのクリエイティブな可能性を大きく広げるツールです。基本的なワークフローの構築から始まり、パラメータの微調整、高度なテクニックの適用まで、段階的に技術を磨いていくことで、より印象的で独創的な画像を生成できるようになります。

最後に、AIを使用した創作活動には倫理的な配慮も必要です。著作権や個人情報の扱いには十分注意し、責任ある利用を心がけましょう。

この記事を参考に、ComfyUIでのi2i探索を楽しんでください。新しい発見や素晴らしい創作の旅が、あなたを待っています！

次回は、image-to-image編 第2回「**Outpainting機能**」を紹介します。  
乞うご期待！

X(Twitter)[@AICUai](https://twitter.com/AICUai) もフォローよろしくお願いいたします！

## 画像生成AI「ComfyUI」マスターPlan

画像生成AI「Stable Diffusion」特に「ComfyUI」を中心としたプロ向け映像制作・次世代の画像生成を学びたい方に向けたプランです。最新・実用的な記事を優先して、**ゼロから学ぶ「ComfyUI」マガジン**からまとめて購読できます。 メンバーシップ掲示板を使った質問も歓迎です。

- メンバー限定の会員証が発行されます
- 活動期間に応じたバッジを表示
- メンバー限定掲示板を閲覧できます
- メンバー特典記事を閲覧できます
- メンバー特典マガジンを閲覧できます
- 動画資料やworkflowといった資料への優先アクセスも予定

**ゼロから学ぶ「ComfyUI」マガジン**

[https://note.com/aicu/m/md2f2e57c0f3c](https://note.com/aicu/m/md2f2e57c0f3c)

マガジン単体の販売は1件あたり500円を予定しております。  
2件以上読むのであればメンバーシップ参加のほうがお得です！というのもメンバーシップ参加者にはもれなく「AICU Creator Union」へのDiscordリンクをお伝えし、メンバーオンリー掲示板の利用が可能になります。

[https://note.com/aicu/membership/boards/61ab0aa9374e/posts/db2f06cd3487?from=self](https://note.com/aicu/membership/boards/61ab0aa9374e/posts/db2f06cd3487?from=self)

もちろん、初月は無料でお試しいただけます！  
毎日新鮮で確かな情報が配信されるAICUメンバーシップ。  
退会率はとても低く、みなさまにご満足いただいております。  
**✨️オトクなメンバーシップについての詳細はこちら**

お楽しみ、メンバー向けボーナストラックには、今回のi2iサンプルワークフローが埋め込まれたPNGファイルと、i2i編で便利な Google Colab用 ComfyUI ノートブック（新作）、さらに今回の内容で使った workflowファイルをお贈りします。もりだくさんです！

<https://corp.aicu.ai/hs/cta/wi/redirect?encryptedPayload=AVxigLJ8ag46ZyU9HmIwdg%2BdFVP9qtwWVMvBREsrmX2NXD71LYQP%2B1xV5ge0btYLM%2BTjT5ooxdTaYOPKqk3MEkCuY%2FRufp4A%2FOWtdOOaUFwWXd7wBDNos0DIRgYIMiW7JTgXT%2BFqp%2BazJN0MPvLsGnsEdvmAY1OzhwLOhZFPM8XpkEo0Jj6vMB0s3dpTb4g%3D&webInteractiveContentId=185006873894&portalId=43845236&hsLang=ja>

この記事の続きはこちらから　[https://note.com/aicu/n/nfc8eb955e57b](https://note.com/aicu/n/nfc8eb955e57b)

Originally published at [https://note.com](https://note.com/aicu/n/nfc8eb955e57b) on Sept 15, 2024.

[完全な記事を表示](https://corp.aicu.ai/ja/comfyui20240915)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "AICU Japan"
  },
  "dateModified" : "2025-03-11T01:17:51.947Z",
  "datePublished" : "2024-09-16T23:12:37Z",
  "headline" : "[ComfyMaster16] ComfyUIでImage-to-Image(i2i)を始めよう",
  "image" : {
    "@type" : "ImageObject",
    "height" : 628,
    "url" : "https://ja.aicu.ai/wp-content/uploads/2024/09/rectangle_large_type_2_64f79891a7770f04e817dc1deaaee87e.webp.webp",
    "width" : 1200
  },
  "mainEntityOfPage" : "https://corp.aicu.ai/ja/comfyui20240915",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60.0,
      "url" : "https://corp.aicu.ai/hubfs/AICU-Transp-512x512.png",
      "width" : 60.0
    },
    "name" : "AICU"
  }
}
```