docs(ideogram): add Ideogram Vector 1 text-to-SVG and image-to-SVG workflows

docs.json

@@ -604,6 +604,7 @@
                           {
                             "group": "Ideogram",
                             "pages": [
+                              "tutorials/partner-nodes/ideogram/ideogram-vector",
                               "tutorials/partner-nodes/ideogram/ideogram-4-5",
                               "tutorials/partner-nodes/ideogram/ideogram-p-image",
                               "tutorials/partner-nodes/ideogram/ideogram-v4"
@@ -4608,6 +4609,7 @@
                           {
                             "group": "Ideogram",
                             "pages": [
+                              "zh/tutorials/partner-nodes/ideogram/ideogram-vector",
                               "zh/tutorials/partner-nodes/ideogram/ideogram-4-5",
                               "zh/tutorials/partner-nodes/ideogram/ideogram-p-image",
                               "zh/tutorials/partner-nodes/ideogram/ideogram-v4"
@@ -8620,6 +8622,7 @@
                           {
                             "group": "Ideogram",
                             "pages": [
+                              "ja/tutorials/partner-nodes/ideogram/ideogram-vector",
                               "ja/tutorials/partner-nodes/ideogram/ideogram-4-5",
                               "ja/tutorials/partner-nodes/ideogram/ideogram-p-image",
                               "ja/tutorials/partner-nodes/ideogram/ideogram-v4"
@@ -12649,6 +12652,7 @@
                           {
                             "group": "Ideogram",
                             "pages": [
+                              "ko/tutorials/partner-nodes/ideogram/ideogram-vector",
                               "ko/tutorials/partner-nodes/ideogram/ideogram-4-5",
                               "ko/tutorials/partner-nodes/ideogram/ideogram-p-image",
                               "ko/tutorials/partner-nodes/ideogram/ideogram-v4"

ja/tutorials/partner-nodes/ideogram/ideogram-vector.mdx

@@ -0,0 +1,105 @@
+---
+title: "Ideogram Vector 1：ComfyUIでテキストからSVG、画像からSVG"
+description: "ComfyUIのIdeogram Vector 1パートナーノードで、プロンプトやビットマップを編集可能なSVGファイルに変換できます。最大5枚の参照画像と詳細モードに対応しています。"
+sidebarTitle: "Ideogram Vector"
+translationSourceHash: 49446fe0
+translationFrom: tutorials/partner-nodes/ideogram/ideogram-vector.mdx
+translationBlockHashes:
+  "_intro": 89f98430
+  "Available workflows": aecff7a8
+  "Node controls": 493b41e7
+  "Prompting tips": ec9d3c36
+  "Get started": 578455f0
+---
+import ReqHint from "/snippets/ja/tutorials/partner-nodes/req-hint.mdx";
+import UpdateReminder from "/snippets/ja/tutorials/update-reminder.mdx";
+
+**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 はプロンプトから文字をレンダリングすることもできます。
+
+<ReqHint/>
+<UpdateReminder/>
+
+## 利用可能なワークフロー
+
+### テキストからSVG
+
+描画内容を記述すると、ノードが編集可能なSVGを1つ返します。参照画像は任意ですが、スタイル、パレット、レイアウトを結果に反映させる手段になります。
+
+<img src="https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/templates/api_ideogram_vector_1_text_to_svg-1.webp" alt="Ideogram Vector 1 がテキストプロンプトから生成した SVG ポスターの例" />
+
+<CardGroup cols={2}>
+  <Card title="Comfy Cloudで実行" icon="cloud" href="https://cloud.comfy.org/?template=api_ideogram_vector_1_text_to_svg&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-vector">
+    Comfy Cloudで開く
+  </Card>
+  <Card title="ワークフローをダウンロード" icon="download" href="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」を検索してください
+  </Card>
+</CardGroup>
+
+**入力マテリアル**
+
+<Card title="academic-svg.png" icon="image" href="https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/input/academic-svg.png">
+  スタイル参照として `LoadImage` ノードに読み込みます
+</Card>
+
+**プロンプト例**
+
+- `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
+
+ビットマップをパスにトレースします。ノードは粒状感、グラデーション、背景の雑多な要素など、画像内にあるものを読み取るため、大きなフラット領域を持つクリーンなソースが最もきれいにトレースされます。写真も使用できますが、手作業での編集が難しい数千の小さなパスに変換されます。
+
+<img src="https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/templates/api_ideogram_vector_1_image_to_svg-1.webp" alt="Ideogram Vector 1 がビットマップからトレースした SVG の例" />
+
+<CardGroup cols={2}>
+  <Card title="Comfy Cloudで実行" icon="cloud" href="https://cloud.comfy.org/?template=api_ideogram_vector_1_image_to_svg&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-vector">
+    Comfy Cloudで開く
+  </Card>
+  <Card title="ワークフローをダウンロード" icon="download" href="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」を検索してください
+  </Card>
+</CardGroup>
+
+**入力マテリアル**
+
+<Card title="kid_onknight_dragon.png" icon="image" href="https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/input/kid_onknight_dragon.png">
+  `LoadImage` ノードに読み込みます
+</Card>
+
+`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` を検索します

ko/tutorials/partner-nodes/ideogram/ideogram-vector.mdx

@@ -0,0 +1,105 @@
+---
+title: "Ideogram Vector 1: ComfyUI 텍스트를 SVG로, 이미지를 SVG로"
+description: "ComfyUI의 Ideogram Vector 1 파트너 노드로 프롬프트나 비트맵을 편집 가능한 SVG 파일로 변환하세요. 최대 5개의 참조 이미지와 디테일 모드를 지원합니다."
+sidebarTitle: "Ideogram Vector"
+translationSourceHash: 49446fe0
+translationFrom: tutorials/partner-nodes/ideogram/ideogram-vector.mdx
+translationBlockHashes:
+  "_intro": 89f98430
+  "Available workflows": aecff7a8
+  "Node controls": 493b41e7
+  "Prompting tips": ec9d3c36
+  "Get started": 578455f0
+---
+import ReqHint from "/snippets/ko/tutorials/partner-nodes/req-hint.mdx";
+import UpdateReminder from "/snippets/ko/tutorials/update-reminder.mdx";
+
+**Ideogram Vector 1**은 픽셀 대신 벡터 그래픽을 반환합니다. 출력은 Illustrator, Figma, Inkscape 또는 브라우저에서 열어 어떤 크기에서도 경로 단위로 편집할 수 있는 SVG 파일입니다.
+
+ComfyUI는 이를 두 개의 파트너 노드로 제공합니다. **Ideogram Vector Generate SVG**는 최대 다섯 개의 참조 이미지로 안내를 받으며 텍스트 프롬프트로부터 그림을 생성합니다. **Ideogram Vector Image to SVG**는 기존 비트맵을 경로로 추적합니다. 두 노드 모두 클라우드 API 노드입니다. 크레딧이 있는 Comfy 계정이 필요하고, 모델 파일을 다운로드하지 않으며, 워크플로 마지막의 Save SVG 노드를 통해 결과를 기록합니다.
+
+두 노드 모두 로고, 포스터, 플랫 일러스트, 패턴, 라인 아트를 다룹니다. Text to SVG는 프롬프트의 문자를 렌더링하고, Image to SVG는 투명 영역을 투명하게 유지하므로 누끼 처리한 PNG는 그대로 누끼 상태로 남습니다.
+
+<ReqHint/>
+<UpdateReminder/>
+
+## 사용 가능한 워크플로
+
+### 텍스트를 SVG로
+
+그림을 설명하면 노드가 편집 가능한 SVG 하나를 반환합니다. 참조 이미지는 선택 사항이지만, 스타일이나 팔레트, 레이아웃을 결과에 반영하는 방법입니다.
+
+<img src="https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/templates/api_ideogram_vector_1_text_to_svg-1.webp" alt="Ideogram Vector 1이 텍스트 프롬프트로 생성한 SVG 포스터 예시" />
+
+<CardGroup cols={2}>
+  <Card title="Comfy Cloud에서 실행" icon="cloud" href="https://cloud.comfy.org/?template=api_ideogram_vector_1_text_to_svg&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-vector">
+    Comfy Cloud에서 열기
+  </Card>
+  <Card title="워크플로 다운로드" icon="download" href="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"를 검색하세요
+  </Card>
+</CardGroup>
+
+**입력 소재**
+
+<Card title="academic-svg.png" icon="image" href="https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/input/academic-svg.png">
+  `LoadImage` 노드에 스타일 참조로 로드하세요
+</Card>
+
+**예제 프롬프트**
+
+- `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`
+
+최대 다섯 개의 이미지를 `ref_image_1`부터 `ref_image_5`까지로 연결하고, 프롬프트에서 `@Image1`, `@Image2` 등으로 호출하세요. 이미지 1이 기본 소스이고, 나머지는 추가 참조입니다.
+
+### 이미지를 SVG로
+
+비트맵을 패스로 변환합니다. 노드는 그레인, 그라디언트, 배경의 잡동사니까지 그림에 담긴 것을 그대로 읽으므로, 큰 평면 영역이 있는 깔끔한 소스가 가장 잘 변환됩니다. 사진도 사용할 수 있지만, 손으로 편집하기 어려운 수천 개의 작은 패스로 변환됩니다.
+
+<img src="https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/templates/api_ideogram_vector_1_image_to_svg-1.webp" alt="Ideogram Vector 1이 비트맵을 추적해 만든 SVG 예시" />
+
+<CardGroup cols={2}>
+  <Card title="Comfy Cloud에서 실행" icon="cloud" href="https://cloud.comfy.org/?template=api_ideogram_vector_1_image_to_svg&utm_source=docs&utm_medium=referral&utm_campaign=ideogram-vector">
+    Comfy Cloud에서 열기
+  </Card>
+  <Card title="워크플로 다운로드" icon="download" href="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"를 검색하세요
+  </Card>
+</CardGroup>
+
+**입력 소재**
+
+<Card title="kid_onknight_dragon.png" icon="image" href="https://raw.githubusercontent.com/Comfy-Org/workflow_templates/main/input/kid_onknight_dragon.png">
+  `LoadImage` 노드에 로드하세요
+</Card>
+
+`mode`는 디테일이 얼마나 유지되는지를 결정합니다. `simple`은 더 적고 더 큰 색상 블록을 변환하여 더 가볍고 평평한 SVG를 만듭니다. `default`는 더 세밀한 디테일과 더 많은 색상 블록을 유지하므로 결과가 소스에 더 가깝게 남습니다. 이미지를 배치로 넣으면 이미지마다 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` | 하나 이상의 이미지 | 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`를 검색합니다