Image2Vector:画像をベクター化するときに使えるオープンソース
カラーイラスト、単色ロゴ、線画に適した6つのベクター化ツールを比較します。
PNGのロゴを拡大すると、輪郭がぼやけることがあります。ベクタートレースは、ピクセルの境界を曲線や図形に変える方法です。ただし、SVGに変換しても元のレイヤーやフォントが自動的に復元されるわけではありません。
色面を編集したいのか、手描き線の中心を扱いたいのか。目的に合わせて選びましょう。
用途別の選び方
| 画像と目的 | 最初に試すツール | 確認すること |
|---|---|---|
| カラーイラスト、サービス連携 | VTracer | 色数、境界、実行環境 |
| フラットなロゴ、アイコン | Vecto | 直線、円、共有境界 |
| 単色ロゴ、署名 | Potrace | 二値化と輪郭 |
| 手書き、線画 | AutoTrace | 中心線、交差、線幅 |
| SVGコード生成の研究 | StarVector | 推論コストと再現性 |
| レイヤー最適化の研究 | LIVE | 実行環境とパス数 |
VTracer:カラー画像向けの汎用エンジン
VTracerはRust製のベクター化プロジェクトです。色の領域を分け、境界に曲線を合わせます。カラーと白黒に対応し、CLI、Rustライブラリー、Pythonバインディング、WebAssembly系のツールを提供します。
図形を重ねる方式と、境界を共有するモザイク方式では編集構造が異なります。使用するバージョンのオプションを確認し、同じ画像で比較しましょう。写真も変換できますが、色や細部が多いとパスが増え、写真らしさやファイルの小ささは保証されません。
Vecto:共有境界と幾何学的な図形
VectoはC#/.NET製です。隣り合う領域が境界を共有する平面分割を採用しています。プロジェクトによると、この方式で隙間や重なりを避け、直線や円に線・円弧を当てはめます。
フラットなロゴやアイコンに適しています。グラデーション、影、写真は色の帯に単純化される場合があります。デスクトップアプリはWindows向けで、CLIはmacOSとLinuxにも提供されています。v0.4.4以降はAGPL-3.0-only、v0.4.3以前はMITです。組み込むバージョンの条件を確認してください。
Potrace:単色の輪郭を滑らかに
Potraceは白黒ビットマップの輪郭を曲線に変換し、Inkscapeでも使われています。署名や単純なシンボルに向いています。カラー画像は事前に白黒へ分離します。公式版の入力はPBM・PGM・PPM・BMPなので、PNGは変換が必要な場合があります。
黒い線は通常、線の外周を囲む塗りの図形になります。後から一本のストロークとして線幅を調整したいなら、中心線トレースを検討しましょう。
AutoTrace:線の中心をたどる
AutoTraceは輪郭と中心線の両方をトレースできます。中心線方式は線の真ん中に沿ってパスを作るため、スケッチや手書きに便利です。
ただし、交差部分や太さが変わる筆跡から元の筆順や線を正確に復元するのは困難です。ベクターエディターで確認し、必要な箇所を修正しましょう。
StarVectorとLIVE:研究の二つの方向
StarVectorは画像やテキストからSVGコードを生成するマルチモーダルモデルで、CVPR 2025で発表されました。単純に輪郭を追う方法と違い、細部や文字が変わることがあるため、正確さが必要なロゴでは原画像との比較が欠かせません。
LIVEはCVPR 2022の研究です。微分可能レンダリングを利用し、閉じたBézierパスを段階的に追加・最適化します。学習済み生成モデルというより画像ごとの最適化手法です。重なった図形を作れますが、元の意味的なレイヤーの復元は保証されません。
変換前と変換後に
できるだけ鮮明な元画像を使い、単色画像はコントラストを整え、カラー画像は不要な色や背景を減らしてみましょう。小さな文字や写真は形が崩れたり、パスが複雑になったりしやすい対象です。
変換後は原画像と輪郭を重ね、拡大して隙間や小片を確認し、パスとノードの数を見ます。重要な曲線や文字は手作業で直しましょう。製品に組み込む場合は、選んだリリースと依存関係、モデルの重みの利用条件をそれぞれ確認してください。
同じ画像を二、三のツールで試し、見た目の忠実さと編集のしやすさを一緒に比べるのがおすすめです。