PerfectVector
著者: Jay Lee

ChatGPTで画像をベクター化できる?できることと代わりの方法

ChatGPTは画像をきれいで編集可能なSVGにベクター化できるのでしょうか。できることと限界、偽SVGの落とし穴、本物のベクターを作る方法を解説します。

2 分で読める
目次

結論として、ChatGPTは作業を補助できますが、OpenAIの現在のChatGPT Imagesドキュメントが説明しているのは画像の生成と編集であり、ラスターからSVGへの専用トレース機能やSVG書き出し機能ではありません。画像APIに記載された出力はPNG、WebP、JPEGです。言語モデルに指示すればSVGマークアップを書くこともありますが、文書化された忠実なトレース手順とは異なります。(ChatGPT Imagesのヘルプ、OpenAI Images APIリファレンス) ChatGPTに「これをベクター化して」と頼んだ場合は、その呼び名を信じる前に結果を確認してください。

要点
  • ChatGPTは、ベクター風の作品を生成し、ラスター画像を編集し、トレースの説明をし、SVGマークアップを書くことができます。
  • OpenAIが文書化している画像生成の出力はPNG、WebP、JPEGであり、SVGパスではありません。
  • 画像編集では写真が描き直されたり作風が変わったりすることがあります。形状を保持するベクタートレースとしては説明されていません。
  • .svgコードが返ってきても、ラスターを包んだものではなく、編集可能でノードの少ない本物のベクターか確認してください。
  • 実際にトレースするには、本物のAI画像ベクター変換ツールに画像を読み込んでください。

そもそも「ベクター化」とは

ラスター画像は、PNG、JPG、スクリーンショット、大半のAIアートなど、ピクセルの格子で構成されます。SVGは数学的に記述した図形、パス、曲線の集まりなので、どのサイズでも鮮明で、各部分を編集できます。ベクター化とは、そのピクセルを図形にトレースすることです。これは特定の画像処理であり、「絵を作って」という依頼とは異なります。この違いを押さえることが、今回の疑問を解く大きなポイントです。初めて聞く場合は、画像のベクター化とは何かからご覧ください。

ChatGPTで画像をベクター化できるのか

簡単に言うと: ChatGPTはベクター化の周辺作業を手伝えますが、OpenAIは現在、忠実にトレースしてSVGにする専用機能を文書化していません。この質問には通常、3つの異なる意図があり、それぞれ答えが違います。

ChatGPTに頼むことできるか実際に得られるもの
ベクター風のイラストを生成するはい文書化された画像生成手順では、生成したラスター画像
アップロードした画像をSVGにトレースする文書化された機能としては不可画像編集、説明、または再現性の確認が必要な生成マークアップ
単純な作品の.svgコードを出力する場合による形状、再現性、安全性、ノード品質を確認する必要があるSVGマークアップ

1. 「ベクター風のイラストを生成して」:可能ですが、ラスターです

ChatGPT、またはその中のGPT Imageに、フラットでミニマルなベクター風イラストを頼むと、生成してくれます。私たちも自社のワードマークで試し、「Generate vector image of PerfectVector typography」と依頼しました。

プロンプト
ChatGPTの画像プロンプト欄に「Generate vector image of PerfectVector typography」という依頼が入力されています
ChatGPTにPerfectVectorのワードマークの「ベクター画像」を依頼しました。

数秒後、きれいな見た目のワードマークが返ってきました。編集ボタンも付いており、そのまま修正を重ねられる作品のように見えます。

結果
ChatGPTが生成したPerfectVectorのワードマークがチャット結果に表示され、その下に編集ボタンがあります
ChatGPTは編集ボタン付きの整ったワードマークを返すため、編集可能な作品のように感じられます。

ただし、整った画像に編集ボタンが付いていても、ベクター形状である証拠にはなりません。記録したテストで保存した結果はPNGでした。OpenAIの現在のAPIも、画像出力形式としてPNG、WebP、JPEGを挙げています。現在の出力形式リファレンスを参照してください。 単色やきれいな図形でベクターのように見えても、実体はピクセルです。このラスター結果を編集可能なパスにするため、後からトレースしました。その様子を以下で紹介します。一般的な説明は、印刷用にAIアートをベクター化する方法をご覧ください。

2. 「アップロードしたこの画像をベクター化して」:手順の確認が必要です

OpenAIは、ChatGPT Imagesを画像生成・画像編集システムとして説明しています。画像をアップロードして変更内容を指定できますが、編集は選択した領域の外にも及ぶ場合があります。それらの編集を、形状を保持するベクタートレースとは説明していません。公式の編集動作を参照してください。 ChatGPTはIllustratorの画像トレースの使い方を説明したり、SVGコードを生成したりもできますが、出力を元画像と比較し、パスを確認する必要があります。(言語モデルのSVGコードにはどのような違いがあるのか。)

「本物のSVGか」を確認する

GPT、コードブロック、手軽な変換ツールなど、SVGの入手元を問わず、10秒ほど確認する価値があります。実用的な本物のベクターは、次の条件を満たします。

  • 編集可能なパスとして開けます。 図形をクリックしてください。1枚の平面画像だけでなく、図形を選んで動かせるはずです。
  • 拡大しても鮮明です。 ピクセルが見えるなら、.svgという拡張子を付けたラスター、いわゆる「偽ベクター」です。
  • ノード数が適切です。 きれいな曲線は少数のアンカーポイントでできており、何千個も必要としません。肥大化したトレースは編集しにくく、後の処理も遅くなります。詳しくは、ノード数が重要な理由をご覧ください。

ChatGPTが作った「SVG」がこれらを満たさなければ、手軽なロゴ変換でもよく起こる偽ベクターの落とし穴にはまっています。ロゴのベクター化と偽ベクターの見分け方をご覧ください。

この作業でChatGPTが得意なこと

だからといって、ChatGPTを使わない方がよいわけではありません。作業の周辺では役立ちます。

忠実な変換が必要なら、出力を元画像と照合できるトレース手順を使ってください。

アシスタントを比較する場合は、ClaudeのSVGコードとトレースの限界のガイドでも、同じファイル確認を行っています。

確実な手順:PerfectVectorでの例

組み合わせると、信頼できる流れはシンプルです。

  1. 必要ならラスター画像を生成するか、用意します。 PNG、JPG、ChatGPTやGPT Imageで作ったAIアートなどです。
  2. 本物のベクター化ツールに読み込みます。 きれいでノードの少ない、編集可能なパスにトレースします。
  3. 上の一覧に沿って結果を確認し、編集または書き出します。

手順2は、ChatGPT Imagesの専用機能として文書化されておらず、PerfectVectorが目的とする作業です。そこで、上のテストで得たPNGそのものをPerfectVectorに読み込みました。

入力に使ったChatGPTのPNG
ChatGPTからダウンロードした平面PNGのPerfectVectorワードマーク。白い背景に紺と紫の文字が並んでいます
ChatGPTから実際に得られたのは、編集可能なベクターではなく、平面のPNGです。

PerfectVectorは、ワードマークを本物のSVGにトレースしました。滑らかでノードの少ないパスは編集でき、数クリックで色を変更でき、Illustrator、Figma、Inkscapeで開けます。通常サイズでは違いが見えませんが、拡大するとすぐ分かります。PNGの輪郭はぼやけてピクセルに分かれる一方、SVGはどの倍率でも鮮明なままです。

ChatGPTのPNGを拡大
ChatGPTのPNGワードマークを拡大し、ぼやけて角ばったピクセルの輪郭を示す部分画像
ChatGPTのPNGを拡大すると、輪郭がぼやけてピクセルが見えます。
PerfectVectorのSVGを拡大
同じワードマークをPerfectVectorのSVGにして拡大し、鮮明できれいなベクターの輪郭を示す部分画像
同じ倍率のPerfectVector SVGでは、きれいな線が鮮明なままです。

ChatGPTと専用の画像からSVGへの変換手順を比較し、自分でパスを確認して、クレジットカードなしで最初の画像を無料変換できます。ほかの選択肢も比較するなら、AIベクター化ツールの率直な比較をご覧ください。

ベクター化自体が不要な場合

ベクター化が常に目的になるわけではありません。

  • 写真は、きれいなベクターにはなりません。色の塊に単純化されるため、ラスターのまま残してください。
  • ウェブ画像やサムネイルだけが必要な場合はPNGで十分で、SVGにする利点はありません。
  • グラデーションが多い作品や細部の多い作品は、平面の図形にすると繊細さを失います。ベクターが本当に必要なら、もっと単純な形で作り直してください。

ベクター化が役立つのは、ロゴ、アイコン、単純なグラフィックのような、フラットでイラスト的な作品です。写真には向きません。

よくある質問

ChatGPTで画像をSVGに変換できますか? ChatGPTはSVGマークアップを書いたり、別のツールの使い方を補助したりできます。ただし、OpenAIの現在のChatGPT Imagesドキュメントには、ラスターからSVGへの専用トレースやSVG画像の書き出しは記載されていません。文書化された画像出力はPNG、WebP、JPEGです。どの方法でも、結果に編集可能なパスがあり、元画像と一致することを確認してください。

ChatGPTの「SVG」がまだ粗く見えるのはなぜですか? 生成したラスター画像、またはピクセルをパスに置き換えずラスターを埋め込んだSVGかもしれません。ベクターエディターでファイルを開くか、マークアップを確認してください。目的の図形をパスとして選べなければ、ラスターをベクター化ツールでトレースし、結果を再確認します。

画像をベクター化できるAIはありますか? はい。専用のベクター化ツールは、ラスター入力をベクター形状にトレースするために作られています。再現性、ノード数、対応形式、料金、データの扱いは製品ごとに異なるため、同じ元画像で試し、選ぶ前にパスを確認してください。

ChatGPTやGPT Imageで生成した画像を本物のベクターにするには? 生成したラスター画像を保存し、ベクター化ツールでSVGにトレースします。必要なら色を減らし、結果を元画像と比較し、図形が編集可能なパスであることを確認して書き出してください。このトレース工程が実際のベクター化です。

ChatGPTでロゴをベクター化できますか? アイデアを描いたり、ロゴ風のラスター画像を生成したり、単純な形状のSVGマークアップを書いたりできます。OpenAIはChatGPT Imagesを忠実なロゴトレースツールとは説明していないため、制作で使う前に結果を原本と比較し、パス、文字、色、ノード数を確認してください。

出典

  1. OpenAIヘルプセンター:ChatGPTの画像:現在文書化されている生成、アップロード、編集、透明部分、保存、提供状況の動作です。
  2. OpenAI API:画像生成ガイド:画像生成と編集の公式手順、および出力例です。
  3. OpenAI APIリファレンス:Images:現在文書化されているPNG、WebP、JPEGの出力形式と画像設定です。
  4. W3C:SVGの埋め込みコンテンツ:ラスターをベクターパスにせず、SVG内に埋め込める仕組みを示す標準です。

画像やAIアートを、本物の拡大縮小できるSVGにしたいですか?ChatGPT画像をSVGに変換する代替手順で試し、パスを確認して、トレースが元画像に合う場合にだけファイルをダウンロードしてください。

ブログのその他の記事

PerfectVector

画像を
きれいで編集可能なベクターパスに変換

クレジットカード不要