JPGをSVG（ベクター）に変換する2つの方法

ベクターグラフィックは、その明確な線と輪郭により、ロゴやイラストに理想的なフォーマットです。ピクセルの代わりに方程式で作成されるため、ベクターは鮮明さを失うことなく、任意のサイズに拡大縮小することができます。ほとんどのベクター画像はゼロから作成されますが、画像編集プログラムを使用してJPG画像を "トレース "し、それらを変換することができます。 このwikiHow記事では、コンピュータまたはモバイル上でJPGをベクター画像に変換する方法を教えてくれます。

知っておくべきこと

• AndroidやiOSの携帯電話やタブレットでJPGをSVGに変換する場合は、オンラインコンバータを使用してください。
• パソコンでオンラインコンバータを使えば、無料で画像をベクター画像に変換できます。
• Adobe Illustratorは有料アプリなので、お持ちであればそちらを使うこともできます。JPGを開き、トレースしてベクター画像に変換します。

方法1

Adobe Expressを使う

1. ウェブブラウザで開きます。デスクトップまたはモバイルのウェブブラウザを使って、JPGをSVGファイル（ベクター）に無料で変換できます！

   • これはAdobeが提供する無料サービスです。
2. JPGをアップロードします。デバイス上で「参照」をクリックまたはタップするか、画像ファイルをボックスにドラッグ＆ドロップしてください。

   • ファイルをアップロードするとすぐにSVGへの変換が始まります。
3. ダウンロードをクリックまたはタップします。ウィンドウの左側に変換された画像のプレビューが表示されるので、ダウンロードする前に確認することができます。

   • アカウントの作成またはサインインのプロンプトが表示されます。アカウントは無料です！
   • アカウントがあれば、Adobe Expressのダッシュボードにアクセスし、いくつかの編集ツールを自由に使うことができます！お金を払ってPremiumにアップグレードすれば、より多くのツールが利用できます。
   • Adobeを使うのが不安なら、JPGをSVGに変換するサービスもある。

方法2

Adobe Illustratorを使用する

1. Adobe Illustratorを開きます。JPGをベクトル画像に変換する最も簡単な方法は、.Illustratorを使用することです。Illustratorは無料ではありませんが、.Illustratorから試用版をインストールすることができます。 このアプリケーションを持っている場合は、WindowsのスタートメニューまたはMacのアプリケーションフォルダにあります。
2. 変換したいJPG画像をアートボードに追加します。ファイル > 開く]メニューから、またはファイルをワークスペースにドラッグすることによってこれを行うことができます。
3. トレース "ワークスペースに切り替えます。右上のメニューをクリックし、"トレース "を選択します。右側に "画像トレース" パネルが表示されます。

   • また、[ウィンドウ] メニューをクリックして [ワークスペース] を選択し、[トレース] を選択しても、このワークスペースを開くことができます。
   • 変換したいJPGを追加する前のステップをスキップした場合、"トレース "オプションは表示されません！
4. JPG画像をクリックして選択します。イメージトレースパネルのトレースオプションがアクティブになります。
5. イメージトレースパネルの "プレビュー "ボックスをチェックします。これにより、異なる設定を適用する前に、その設定を確認することができますが、変更を加えるまでの時間が長くなります。

   • プレビューオプションのオン/オフはいつでも切り替えることができます。プレビューを有効にしておくと、変更を加えるたびに画像が自動的にトレースされます。そうでない場合は、変更を確認するためにトレースボタンをクリックする必要があります。
6. イメージトレースパネルのプリセットを試してください。パネルの上部に5つのプリセットボタンがあり、ドロップダウンメニューでさらに多くのプリセットを利用できます。一番上のボタンには以下のプリセットがあります：

   • オートカラー - 元の色に基づいて、スタイル化されたカラーセットを作成します。
   • High Color - 元の色をすべて再現しようとします。
   • Low Color - 元の色を簡略化したものを作成します。
   • グレースケール - 色をグレーの濃淡で置き換えます。
   • 白黒 - 色を白黒にします。
7. カラースライダを使用して、色の複雑さを調整します。ベクターに変換された画像は、通常、すべての自然な色でうまく表示されないため、使用する色の数を減らした方が良い結果が得られます。そうすることで、画像の見た目が「より平坦」になります。
8. イメージトレースパネルの "詳細 "セクションを展開します。"詳細設定 "の隣にある小さな三角形をクリックします。これにより、トレースのより詳細なコントロールが表示されます。
9. パス "スライダを使って、パスがピクセルにどれだけ近いかを調整します。スライダーを左に動かすとパスは緩くなり、右に動かすとパスはきつくなります。パスを緩くすると、エッジが滑らかになります。
10. コーナー "スライダを使って、角の丸みを調整します。スライダーを左に動かすと角が丸くなり、より滑らかな画像になります。
11. ノイズ "スライダを使って、にじみを減らします。ノイズ」スライダは、どのピクセルのグループを「ノイズ」とみなし、トレースに含めないかを決定します。これは、線をまっすぐにし、粗い部分を滑らかにするのに役立ちます。
12. トレース]をクリックして変更内容を表示します。イメージトレースパネルの右下にあります。先ほどプレビューオプションを有効にした場合、トレースはすでに自動的に行われているため、ボタンは灰色で表示されます。
13. 拡大] ボタンをクリックします。Illustratorの上部にあるツールバーにあります。これにより、トレースオブジェクトが実際のベクターパスに変換され、JPG画像がベクターに置き換えられます。
14. 画像をベクターファイルとしてエクスポートします。トレースが完了したら、完成した画像をベクターファイルとして書き出すことができます。

    • ファイルまたはIllustratorメニューをクリックし、"名前を付けて保存 "を選択します。
    • まずコピーを.aiファイルとして保存します。Adobe Illustrator (*.AI) オプションを選択し、ファイルの新しい名前を入力し、保存をクリックします。こうすることで、イラストレーターで簡単にファイルを再度開き、編集を加えることができます。
    • ファイル＞名前を付けて保存に戻り、「名前を付けて保存の種類」メニューからベクター形式を選択します。SVG（ウェブ用）やPDF（印刷用）などがあります。
    • PNGやJPGはベクター形式ではないので、保存しないでください。
    • 保存をクリックしてファイルを保存します。

この記事は、CC BY-NC-SAで公開された「 2 Ways to Convert JPG to SVG (Vector) 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。