PNGをSVGに変換する方法｜無料トレースとAIベクター化を拡大比較

小さな会社を運営していると、ロゴがPNGでしか残っていないと気づくことがあります。印刷会社にはバナー用のベクターデータを求められ、Cricutやレーザーカッターには加工するためのパスが必要です。メールの署名ではきれいに見えたPNGも、大きな画面ではぼやけます。logo.pngをlogo.svgに名前変更しても解決しません。SVGは画像をピクセルではなく図形や曲線で表す形式なので、輪郭をトレースする必要があります。

ImageGPTの「コンバーター＆圧縮」には「SVGに変換」タブがあり、2つの方法を選べます。「AIベクター化」はRecraft Vectorizeモデルを使い、デザイナーが描くような整った輪郭に仕上げます。「クイックトレース」は無料でブラウザ内で動作し、シンプルなロゴやアイコンに向いています。

PNG

AIベクター化

クイックトレース、8色

PNGとSVGを拡大して比較

PNGはピクセルの格子でできています。拡大すると輪郭が階段状になり、ぼやけます。一方、SVGは「この色の円」「ここからここまでの曲線」といった図形を保存します。看板いっぱいに引き伸ばしても、ファビコンまで縮めても、輪郭はくっきりしたままです。上のロゴからキツネの顔を8倍に拡大してみました。

PNG ×8

AI SVG ×8

トレースしたSVG ×8

どちらを使うべき？

AIモデルは輪郭とノイズやJPG特有の乱れを見分けられるため、パスやノードを減らしてファイルを軽くできます。この例では約8分の1のサイズです。トレースは半透明の縁のピクセルも含め、色の付いた部分を一つひとつ忠実になぞります。2～3色の図形なら、それで十分です。印刷に出すロゴならAIを使いましょう。

白黒は単色の画像向け

「クイックトレース」には「白黒」モードがあります。署名、スタンプ、シルエット、インク画など、もともと単色の画像に最適です。カラーのロゴでは細部が失われます。キツネのロゴではオレンジとネイビーが同じ色にまとまり、目や鼻も消えてしまいました。

始める前に

• 手元にある画像のうち、最も大きいものを用意しましょう。輪郭を構成するピクセルが多いほど、正確にトレースできます。
• ロゴはきれいな状態にしておきましょう。余白を切り抜き、背景をベクターに含めたくない場合は削除します。
• ファイルの用途を確認しましょう。印刷、カット、刺繍にはAIを、スライド資料に入れるアイコンならトレースで十分です。
• 写真もベクター化できますが、できあがるのは写真ではなく、平面的な色の領域で構成されたイラスト風の画像です。

変換手順

1. 「コンバーター＆圧縮」を開いて「SVGに変換」タブを選ぶか、ツールが組み込まれたPNGからSVGへの変換ページにアクセスします。
2. PNG、JPG、WEBPの画像を追加します。
3. 「AIベクター化」または「クイックトレース」を選びます。トレースする場合は色数も指定します。
4. 「ベクター化」をクリックします。トレースはほぼ一瞬で完了し、AIは数秒かかります。
5. SVGをダウンロードし、Figma、Illustrator、Inkscape、Cricut Design Space、またはお使いのレーザー加工ソフトで開きます。

アシスタントに頼む

ImageGPTアシスタントとのチャットに画像を添付して、やりたいことを伝える方法もあります。シンプルな図形なら無料のトレースを実行します。印刷用、グラデーション、写真など品質が重要な場合はAIベクター化を提案し、実行前に料金を表示します。例えば、次のように入力できます。

知っておきたいこと

• AIの結果は、ほかの生成結果と同じように履歴に保存されます。
• 非常に大きな画像は、Recraftに送る前に長辺4096 pxまで縮小されます。小さなアイコンは、モデルがトレースできるよう拡大されます。
• クイックトレースで扱える画像は長辺1000 pxまでです。ピクセル数を増やしても仕上がりはほとんど改善せず、時間がかかるだけです。
• ロゴ内の文字は輪郭に変換されます。見た目は同じですが、変換後にテキストとして編集することはできません。
• SVGからスクリプトと外部リンクが取り除かれるため、どこでも安全に開けます。

料金

クイックトレースは無料で、アカウントも不要です。AIベクター化は画像1枚につき2クレジットで、成功した場合にのみ消費されます。新規アカウントには無料で6クレジットが付与されます。