ベクター画像は、その拡張性からグラフィックやイラスト制作に使用されることが多くなっています。既存の画像をベクターファイルに変換するために、様々なオンラインツールが利用できます。

この記事では、画像のベクター化に役立つ無料・有料のオンラインツールの概要を紹介します。

ベクトル画像は何ですか？

デジタル写真や画像を扱う場合、「ラスター」画像の形状、色、（究極的には）ピクセルの集まりから作られる画像に慣れているはずです。一般的には、JPEG、PNG、TIFFなどの形式があります。

ラスターイメージは当分使えませんが、ベクターイメージの利用は確実に増えています。ベクターグラフィックは、ピクセルを使うのではなく、デジタルパスで構成されています。

関連：ベクターファイルとは？

ベクター画像はパスの始点と終点を基準にしているため、心のままに拡大・縮小することができます。

看板の小さなラスター画像を拡大すると、すべてのピクセルがそこに表示され、見物人が見ることができる。同時に、ベクター画像は滑らかで鮮明なままです。このため、ロゴなどのグラフィックを印刷するのに適しており、ブランドペンや社用ジェット機などに印刷することができます。

オンラインでベクター画像を作成する方法

ロゴマークやアートワークなど、ベクターイメージのスケーリングを活用できるものがあるかもしれません。ピクセルベースのラスターファイルからベクターファイルへの変換は、様々なオンラインツールの開発により、確かに以前より容易になりました。

下のツールでは、架空の格安航空会社のラスターロゴがベクターに変換されます。

上の画像はラスターなので、特にエッジの部分にピクセルが見えているのがわかると思います。これは、大きくなるにつれて顕著になるわずかな「ギザギザ」効果を生み出します。これらのベクター化ツールで何ができるかを見てみましょう。

1ベクトルマシン

変換可能な画像形式：JPG、PNG、BMP、GIF。

出力ベクターファイル：SVG、EPS、PDF。

価格：ファイルのダウンロードには、有料会員登録が必要です。

このオンラインツールは、非常に洗練された使いやすいインターフェースを持っています。画像をツールにドラッグ＆ドロップし、「変換」ボタンをクリックするだけです。ダウンロードするベクターファイルは、SVG（Scalable Vector Graphics）、EPS（Encapsulated PostScript）、PDF（Portable Document File）の3つの形式から選ぶことができます。

また、ツールにベクタライズ処理を自動で行わせる完全自動モードと、手動で設定を調整する方法を選択できます。

残念ながら、完全なベクターファイルは、購読しないとダウンロードできません。しかし、スクリーンショットを見ただけでも、線がより滑らかになり、ギザギザがないことから、ロゴがベクター化されていることが分かります。

関連：画質を落とさずに画像をデジタルで拡大する方法

しかし、変換のマージが難しいためか、最後のスプリットカラーのグラデーションが消えてしまいます。このロゴを解像度を落とさずにブローアップすることができるようになりました。

2 ライトピース

変換可能な画像形式：JPG、PNG、BMP、GIF、PSD。

出力ベクターファイル：SVG、PDF。

価格：無料とプレミアムアカウントのオプション。

Photopeaは、主にオンラインフォトエディタですが、ラスターイメージファイルをベクターファイルに変換するオプションも提供しています。画像を読み込んだ後、「画像」> 「ビットマップのベクタライズ」をクリックすると、画像をベクタライズすることができます。

その後、カラー、ノイズリダクション、セグメンテーションなど、さまざまなオプションを使用することができます。

今回もグラデーションの実装ができないので、ベクター化されたラスターロゴをデザインする際に考慮すべき点です。しかし、機体の赤はオリジナルより若干柔らかめですが、エッジは滑らかで鮮明です。

III.自動車レース

変換に対応する画像形式：JPG、PNG、PDF、JPEG。

出力ベクターファイル：SVG、PDF、AI、DXF、EPS、SK、FIG。

価格：無料、資金面はユーザーからの寄付に頼る。

Autotracerのユーザーインターフェースは非常にクリーンで、セットアップもシンプルです。最終的なベクターイメージの色数を選択できるほか、ディテールやスムージングの設定も可能です。

設定を弄っていくと、最終的には滑らかになるのだが、やはりグラデーションは取り込まれない。

Autotracerのクールな機能の1つは、最終出力で白い背景を無視し、代わりにアルファチャンネルを使用するように設定できることです。ロゴを作成する場合、非常に便利です。

関連：adobeillustratorで画像をベクター化する方法

4ベクトル化.org

変換に対応する画像形式：JPG、PNG、PDF、JPEG。

出力ベクターファイル：SVG、PS、EPS、PDF、DXF。

価格：無料、資金面はユーザーからの寄付に頼る。

リストのすべてのツールの中で最もシンプルなインターフェイスを使用して、vectorisation.orgは、調整可能なオプションなしで完全に自動化されたプロセスを使用しています。ただし、白黒画像にしか最適化されていないため、カラーロゴは変換時に問題が発生する可能性があります。

この例では、ブラックとホワイトのバリエーションを使用しました。

線はより滑らかに、形はよりシャープになり、変換されたベクター画像は解像度を落としたり歪ませたりすることなく拡大・縮小が可能になりました。

5ベクター

変換可能な画像形式：PNG、BMP、JPEG。

出力ベクターファイル：SVG、EPS、DXF。

価格：無料アクセスおよびプレミアムアカウントのオプションが制限されています。

ベクターは、クリップアートやタトゥーなどのプリセットをはじめ、さまざまな設定が可能な非常に充実したインターフェイスを備えています。これらの設定を弄った結果、グラデーションの再現に近づくことができましたが、削除するとより滑らかに見えます。

ご覧の通り、色は原画に忠実で、線は滑らか、画像は拡大縮小が可能です。

次のステップでベクターイメージを使用する

ラスターイメージをベクターグラフィックに変換する方法を、オンラインで利用可能なさまざまなツールを使用しながら簡単に紹介します。このように、さまざまなオプションがあり、それぞれカスタマイズ可能な設定や機能を備えています。

しかし、ベクター画像を一から作りたい場合は、代わりに専門のデザインソフトを探したほうがいいかもしれません。