Skip to main content
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 はプロンプトから文字をレンダリングすることもできます。
APIノードを使用するには、正しくログインしていることと、許可されたネットワーク環境で使用していることを確認する必要があります。APIノードの使用に必要な具体的な要件については、ドキュメントの「APIノードの概要」セクションをご参照ください。
ComfyUI が最新版に更新されていることを確認してください。このガイドで紹介するワークフローは、ワークフローテンプレートから入手できます。 テンプレート内に該当のワークフローが見つからない場合、ComfyUI のバージョンが古くなっている可能性があります。ワークフローを読み込んだ際にノードが欠落している場合の考えられる原因：
  1. 最新の ComfyUI（Nightly 版）を使用していない
  2. 起動時に一部のノードのインポートに失敗している

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

​
テキストからSVG

描画内容を記述すると、ノードが編集可能なSVGを1つ返します。参照画像は任意ですが、スタイル、パレット、レイアウトを結果に反映させる手段になります。 Ideogram Vector 1 がテキストプロンプトから生成した SVG ポスターの例

Comfy Cloudで実行

Comfy Cloudで開く

ワークフローをダウンロード

JSONをダウンロードするか、テンプレートライブラリで「Ideogram Vector 1: Text to SVG」を検索してください
入力マテリアル

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 の例

Comfy Cloudで実行

Comfy Cloudで開く

ワークフローをダウンロード

JSONをダウンロードするか、テンプレートライブラリで「Ideogram Vector 1: Image to SVG」を検索してください
入力マテリアル

kid_onknight_dragon.png

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

​
ノードコントロール

​
プロンプトのヒント

  • 写真ではなく図を描写する。 形、配色、構図が結果を左右します：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 を検索します