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

# Ideogram Vector 1：ComfyUIでテキストからSVG、画像からSVG

> ComfyUIのIdeogram Vector 1パートナーノードで、プロンプトやビットマップを編集可能なSVGファイルに変換できます。最大5枚の参照画像と詳細モードに対応しています。

**Ideogram Vector 1** は、ピクセルではなくベクターグラフィックを返します。出力はSVGファイルで、Illustrator、Figma、Inkscape、またはブラウザで開き、任意のサイズでパスごとに編集できます。

ComfyUI はこれを2つのパートナーノードで提供しています。**Ideogram Vector Generate SVG** はテキストプロンプトから描画を生成し、必要に応じて最大5枚の参照画像でガイドできます。**Ideogram Vector Image to SVG** は既存のビットマップをパスにトレースします。どちらもクラウドAPIノードです。クレジット付きのComfyアカウントが必要で、モデルファイルはダウンロードせず、ワークフローの最後にあるSVG保存ノードを介して結果を書き出します。

どちらのノードも、ロゴ、ポスター、フラットイラスト、パターン、ラインアートを扱えます。Text to SVG はプロンプトから文字をレンダリングすることもできます。

> [!TIP]
>
> APIノードを使用するには、正しくログインしていることと、許可されたネットワーク環境で使用していることを確認する必要があります。APIノードの使用に必要な具体的な要件については、ドキュメントの「[APIノードの概要](https://docs.comfy.org/ja/tutorials/partner-nodes/overview.md)」セクションをご参照ください。

> [!TIP]
>
> **ローカルユーザー**
>
> ComfyUI が最新版に更新されていることを確認してください。
>
> * [ComfyUI のダウンロード](https://www.comfy.org/download)
> * [更新手順](https://docs.comfy.org/ja/installation/update_comfyui.md)
>
> このガイドで紹介するワークフローは、[ワークフローテンプレート](https://docs.comfy.org/ja/interface/features/template.md)から入手できます。
> テンプレート内に該当のワークフローが見つからない場合、ComfyUI のバージョンが古くなっている可能性があります。
>
> ワークフローを読み込んだ際にノードが欠落している場合の考えられる原因：
>
> 1. 最新の ComfyUI（Nightly 版）を使用していない
> 2. 起動時に一部のノードのインポートに失敗している
>
> **クラウドユーザー**
>
> * [Cloud](https://cloud.comfy.org) は、ComfyUI の安定版リリース後に更新されます。
>
> したがって、このドキュメントでコアノードが見つからない場合、それは新しいコアノードがまだ最新の安定版にリリースされていない可能性があります。次回の安定版リリースをお待ちください。

## 利用可能なワークフロー

### テキストからSVG

描画内容を記述すると、ノードが編集可能なSVGを1つ返します。参照画像は任意ですが、スタイル、パレット、レイアウトを結果に反映させる手段になります。

![Ideogram Vector 1 がテキストプロンプトから生成した SVG ポスターの例](https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/templates/api_ideogram_vector_1_text_to_svg-1.webp)

> **[Comfy Cloudで実行](https://cloud.comfy.org/?template=api_ideogram_vector_1_text_to_svg\&utm_source=docs\&utm_medium=referral\&utm_campaign=ideogram-vector)**
>
> Comfy Cloudで開く

> **[ワークフローをダウンロード](https://github.com/Comfy-Org/workflow_templates/blob/main/templates/api_ideogram_vector_1_text_to_svg.json)**
>
> JSONをダウンロードするか、テンプレートライブラリで「Ideogram Vector 1: Text to SVG」を検索してください

**入力マテリアル**

> **[academic-svg.png](https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/input/academic-svg.png)**
>
> スタイル参照として `LoadImage` ノードに読み込みます

**プロンプト例**

* `Flat vector badge of a mountain range inside a circle, three colors, heavy outlines, no gradients`
* `Vintage travel poster of a coastal town at golden hour, layered flat shapes with fine hatching, warm cream and terracotta palette, condensed serif lettering 'COSTIERA AMALFITANA' across the bottom`
* `Minimal line art icon of a coffee cup with steam, single weight stroke, transparent background`

最大5枚の画像を `ref_image_1` から `ref_image_5` として接続し、プロンプト内で `@Image1`、`@Image2` などのように参照します。画像1がメインのソースで、残りは追加の参照です。

### 画像からSVG

ビットマップをパスにトレースします。ノードは粒状感、グラデーション、背景の雑多な要素など、画像内にあるものを読み取るため、大きなフラット領域を持つクリーンなソースが最もきれいにトレースされます。写真も使用できますが、手作業での編集が難しい数千の小さなパスに変換されます。

![Ideogram Vector 1 がビットマップからトレースした SVG の例](https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/templates/api_ideogram_vector_1_image_to_svg-1.webp)

> **[Comfy Cloudで実行](https://cloud.comfy.org/?template=api_ideogram_vector_1_image_to_svg\&utm_source=docs\&utm_medium=referral\&utm_campaign=ideogram-vector)**
>
> Comfy Cloudで開く

> **[ワークフローをダウンロード](https://github.com/Comfy-Org/workflow_templates/blob/main/templates/api_ideogram_vector_1_image_to_svg.json)**
>
> JSONをダウンロードするか、テンプレートライブラリで「Ideogram Vector 1: Image to SVG」を検索してください

**入力マテリアル**

> **[kid\_onknight\_dragon.png](https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/input/kid_onknight_dragon.png)**
>
> `LoadImage` ノードに読み込みます

`mode` はディテールをどこまで残すかを決めます。`simple` はより少なく大きな色ブロックをトレースし、軽くフラットなSVGを生成します。`default` はより細かいディテールとより多くの色ブロックを保持するため、結果はソースに近くなります。画像のバッチでは、画像ごとに1つのSVGが生成されます。

## ノードコントロール

| コントロール | 値 | 適用先 | 効果 |
| - | - | - | - |
| `model` | `ideogram-vector-1` | 両方のノード | Ideogram Vector モデルのリリース |
| `prompt` | テキスト、最大 9500 文字 | Text to SVG | 描画の説明。`@Image1` 形式の参照をサポート |
| `images` | 最大 5 枚の画像（`ref_image_1` から `ref_image_5`） | Text to SVG | 参照画像。画像 1 がメインのソースで、それ以外は追加の参照 |
| `aspect_ratio` | `auto`, `1:3`, `1:2`, `9:16`, `10:16`, `2:3`, `3:4`, `4:5`, `1:1`, `5:4`, `4:3`, `3:2`, `16:10`, `16:9`, `2:1`, `3:1` | Text to SVG | キャンバスの形状。`auto` は画像 1 に、画像が接続されていない場合はプロンプトに従う |
| `quality` | `low`, `medium`（デフォルト）, `high` | Text to SVG | ディテールの段階。上位の段階ほど時間がかかり、コストも高くなる |
| `seed` | 整数、デフォルトでは固定 | Text to SVG | 同じプロンプト、画像、設定、シードからは同じ SVG が生成される。バリエーションを試すにはランダム化する |
| `image` | 1 枚以上の画像 | Image to SVG | トレースするビットマップ |
| `mode` | `default`（デフォルト）, `simple` | Image to SVG | `simple` はより少なく大きな形状を保持し、`default` はより細かいディテールを保持する |

## プロンプトのヒント

* **写真ではなく図を描写する。** 形、配色、構図が結果を左右します：`flat badge, three colors, heavy outlines`。カメラやレンズの表現は画像モデルのためのものであり、ここではノイズが増えるだけです。
* **文字は引用符で囲む。** `'COSTIERA AMALFITANA'` はアートワーク上のテキストとして描画されますが、引用符で囲まない単語は通常、被写体の説明の一部として読み取られます。
* **必要なレイヤーを指定する。** `layered flat shapes with fine hatching` や `single weight stroke` を指定すると、どのベクタースタイルで描画するかをモデルに伝えられます。
* **ハウススタイルにはリファレンスを使う。** ロゴやモックアップを `ref_image_1` として渡すと、配色や線の太さを言葉で説明するよりも正確に伝わります。参照入力は画像を受け取るため、過去の SVG を再利用する場合は先に PNG へ書き出してください。
* **トレースするときはクリーンなソースから始める。** フラットな色、シャープなエッジ、背景に余計な要素がない状態で、編集可能なファイルが得られます。粒子感やグラデーションはパスのノイズになります。
* **良い結果はシードで正確に再現する。** Text to SVG は、同じプロンプト、画像、設定、シードから同じ SVG を再現します。

## はじめる

1. ComfyUIを最新バージョンにアップデートします
2. テンプレートライブラリに移動し、`Ideogram Vector` を検索します


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.