画像をSVGに変換｜無料のオンライン・ベクター化ツール

画像のベクター化とは？

画像のベクター化（トレースとも呼ばれます）は、ピクセルでできたラスター画像を、数式で表す曲線や図形でできたベクター画像に変換することです。PNGやJPGのようなピクセルベースの形式と違い、ベクター画像はどれだけ拡大縮小しても画質が落ちません。

SVG（Scalable Vector Graphics）は、Webの標準的なベクター形式です。最近のブラウザ、FigmaやIllustratorのようなデザインソフト、印刷工程のすべてで使えます。このツールは、Rustで書かれた高品質なトレースエンジン「VTracer」をWebAssemblyで動かしているので、ベクター化はすべてお使いの端末の中で行われます。

ベクター化のしくみ

まず、隣り合う似た色のピクセルをまとめて領域を作ります。「色の精度」は見分ける色の数を、「グラデーションのレイヤー」はグラデーションをどれだけ細かい帯に分けるかを決めます。「細部のレベル」より小さい領域は取り除かれるので、ノイズやJPEGの細かい乱れが消えます。

• •減色（カラー量子化）で似たピクセルをレイヤーにまとめ、見た目を保ちながら複雑さを減らします。
• •エッジ検出で、色の領域どうしの境界を見つけます。
• •パスのフィッティングで、ピクセルの輪郭をなめらかなベジェ曲線や多角形に変換します。
• •スペックル（小さなノイズ）を除去して、よりきれいな仕上がりにします。

ベクター化のよくある使い道

• •ロゴのリニューアル：古いラスター形式のロゴを、名刺から看板、Webサイトまで使えるベクターに。
• •アイコンのデザイン：ドット絵のアイコンを、アプリやWebサイトで使える解像度に左右されないSVGに。
• •印刷物の制作：ベクター画像なら、チラシからポスターまで、どの解像度でもくっきり出力できます。
• •Webの最適化：シンプルな図版なら、SVGはPNGより小さいことも多く、Retinaディスプレイでも完璧に拡大縮小できます。
• •CNC加工・レーザーカット：カッティングマシンやプロッターには、ベクターの輪郭線が必要です。