JPG をベクターに変換する方法

ベクター画像は、鮮明な線とアウトラインを特徴とするため、ロゴ、画像、またはシンプルなイラストに最適な形式です。ベクター グラフィックスはピクセルではなく方程式で作成されるため、鮮明さを失うことなく任意のサイズに変更できます。ベクター グラフィックは、グラフィック デザイン、Web サイトのデザイン、ビジネス マーケティングでよく使用されます。ほとんどのベクター グラフィックは最初から作成されますが、画像編集プログラムを使用して JPG 画像を「トレース」し、ベクター グラフィックに変換することができます。このwikiHowでは、Adobe Illustrator（有料）またはGIMPとInkscape（無料）の両方を使用してJPEをベクター画像に変換する方法を説明します。

ステップ

Adobe Illustratorの使用

1. 1 Adob​​e Illustrator を開きます。 JPG をベクター画像に変換する最も簡単な方法は、Adobe Illustrator を使用することです。 Illustrator は無料ではありませんが、https://www.adobe.com から試用版をインストールできます。すでにアプリをインストールしている場合は、Windows のスタート メニューまたは Mac のアプリケーション フォルダーから見つけることができます。
2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2e\/Convert-JPG-to-Vector-Step-2.jpg\/v4-460px-Convert-JPG-to-Vector-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2e\/Convert-JPG-to-Vector-Step-2.jpg\/v4-728px-Convert-JPG-to-Vector-Step-2.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2変換する JPG 画像をアートボードに追加します。これは、[ファイル] > [開く] メニューから、またはファイルをドラッグ アンド ドロップすることで実行できます。
3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f4\/Convert-JPG-to-Vector-Step-3.jpg\/v4-460px-Convert-JPG-to-Vector-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f4\/Convert-JPG-to-Vector-Step-3.jpg\/v4-728px-Convert-JPG-to-Vector-Step-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 「トレース」ワークスペースに切り替えます。右上隅のメニューをクリックして、「トレース」を選択するだけです。画像トレース パネルが表示されます。
   • このワークスペースを開くには、 [ウィンドウ]メニューをクリックし、 [ワークスペース]を選択して、 [トレース]を選択します。
4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/Convert-JPG-to-Vector-Step-4.jpg\/v4-460px-Convert-JPG-to-Vector-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/Convert-JPG-to-Vector-Step-4.jpg\/v4-728px-Convert-JPG-to-Vector-Step-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4アートボードで画像を選択します。イメージトレースパネルのトレースオプションがアクティブになります。
5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f7\/Convert-JPG-to-Vector-Step-5.jpg\/v4-460px-Convert-JPG-to-Vector-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f7\/Convert-JPG-to-Vector-Step-5.jpg\/v4-728px-Convert-JPG-to-Vector-Step-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 [イメージ トレース] パネルの [プレビュー] ボックスをオンにします。これにより、さまざまな設定を適用する前にその設定がどのような効果をもたらすかを確認できますが、画像の変更にかかる時間も長くなります。
   • プレビュー オプションはいつでもオンまたはオフに切り替えることができます。プレビューをアクティブのままにしておくと、変更を加えるたびに画像が自動的にトレースされます。そうしないと、 「トレース」ボタンをクリックするまで変更を確認できません。
6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/df\/Convert-JPG-to-Vector-Step-6.jpg\/v4-460px-Convert-JPG-to-Vector-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/df\/Convert-JPG-to-Vector-Step-6.jpg\/v4-728px-Convert-JPG-to-Vector-Step-6.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 6イメージ トレース パネルでプリセットを試します。パネルの上部には 5 つのプリセット ボタンがあり、ドロップダウン メニューにはさらに多くのプリセットがあります。最初の行のボタンには次のプリセットが含まれています。
   • 自動カラー化 - 元の色に基づいて、様式化された色のセットを作成します。
   • ハイカラー - 元の色をすべて再現しようとします。
   • 低色 - 元の色の簡略化されたバージョンを作成します。
   • グレースケール - 色をグレーの濃淡に置き換えます。
   • 白黒 - カラーを白黒に変換します。
7. 7 カラースライダーを使用して色の複雑さを調整します。ベクター グラフィックに変換された画像では、通常、自然な色がすべて適切に表示されないため、使用する色の数を減らすことで、より良い結果が得られます。これにより、画像の色が「より平坦」に表示されます。
8. {"smallurl"： "https：\/\/www.wikihow.com \/images_en \/thumb \/3 \/33 \/convert-jpg-to-vector-step-8.jpg \/vv4-460px-convert-jpg-to-vector-step-step-8.pg：" " .wikihow.com \/images \/thumb \/3 \/33 \/convert-jpg-to-vector-step-8.jpg \/v4-728px-jpg-to-vector-step-8.jpg "、" smallwidth "：460、" 460： "544、" "bigwidth"ライセンス "：" <div class = \ "mw-parser-output \"> <\/div> "} 8 「Advanced」の横にある小さな三角形をクリックして、「Image Trace」パネルの「高度」セクションを展開します。より詳細なトレース コントロールが表示されます。
9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b9\/Convert-JPG-to-Vector-Step-9.jpg\/v4-460px-Convert-JPG-to-Vector-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b9\/Convert-JPG-to-Vector-Step-9.jpg\/v4-728px-Convert-JPG-to-Vector-Step-9.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 9パススライダーを使用して、パスとピクセルのフィットを調整します。スライダーを左にスライドするとパスのフィットが緩くなり、右にスライドするとパスのフィットが狭くなります。パスに緩くフィットすると、エッジがより滑らかになります。
10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9b\/Convert-JPG-to-Vector-Step-10.jpg\/v4-460px-Convert-JPG-to-Vector-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9b\/Convert-JPG-to-Vector-Step-10.jpg\/v4-728px-Convert-JPG-to-Vector-Step-10.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 10コーナースライダーを使用して、角の丸みを調整します。スライダーを左に動かすと、角が丸くなり、画像がより滑らかに見えます。
11. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d5\/Convert-JPG-to-Vector-Step-11.jpg\/v4-460px-Convert-JPG-to-Vector-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d5\/Convert-JPG-to-Vector-Step-11.jpg\/v4-728px-Convert-JPG-to-Vector-Step-11.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 11ノイズ スライダーを使用してにじみを減らします。ノイズ スライダーは、どのピクセル グループが「ノイズ」であり、トレースすべきでないのかを決定します。これにより、線がまっすぐになり、ざらざらした部分が滑らかになります。
12. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7c\/Convert-JPG-to-Vector-Step-12.jpg\/v4-460px-Convert-JPG-to-Vector-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7c\/Convert-JPG-to-Vector-Step-12.jpg\/v4-728px-Convert-JPG-to-Vector-Step-12.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 12[ トレース]をクリックして変更内容を確認します。これは、イメージ トレース パネルの右下隅にあります。以前にプレビュー オプションを有効にしていた場合、トレースは既に自動的に実行されているため、ボタンはグレー表示されます。
13. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/Convert-JPG-to-Vector-Step-13.jpg\/v4-460px-Convert-JPG-to-Vector-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/Convert-JPG-to-Vector-Step-13.jpg\/v4-728px-Convert-JPG-to-Vector-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 13[ 展開]ボタンをクリックします。 Illustrator の上部にあるツールバーにあります。これにより、トレースされたオブジェクトが実際のベクター パスに変換され、JPG イメージがベクター イメージに置き換えられます。
14. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/76\/Convert-JPG-to-Vector-Step-14.jpg\/v4-460px-Convert-JPG-to-Vector-Step-14.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Convert-JPG-to-Vector-Step-14.jpg\/v4-728px-Convert-JPG-to-Vector-Step-14.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 14画像をベクター ファイルとしてエクスポートします。トレースが完了したら、完成した画像をベクター ファイルとしてエクスポートできます。
    • ファイルまたはIllustratorメニューをクリックし、「名前を付けて保存」を選択します。
    • まず、コピーを .ai ファイルとして保存します。 Adobe Illustrator (*.AI)オプションを選択し、ファイルの新しい名前を入力して、 「保存」をクリックします。こうすることで、Illustrator でファイルを再度簡単に開き、さらに編集することができます。
    • [ファイル] > [名前を付けて保存]に戻り、[ファイルの種類] メニューからベクター ファイル形式を選択します。これらの形式には、 SVG (Web) とPDF (印刷) が含まれます。
    • PNG または JPG はベクター形式ではないため、ファイルを保存しないでください。
    • ファイルを保存するには、 「保存」をクリックします。
    広告する

GIMPとInkscapeの使用

1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e4\/Convert-JPG-to-Vector-Step-15.jpg\/v4-460px-Convert-JPG-to-Vector-Step-15.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e4\/Convert-JPG-to-Vector-Step-15.jpg\/v4-728px-Convert-JPG-to-Vector-Step-15.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 GIMP と Inkscape をダウンロードしてインストールします。これらは、JPG ファイルをベクター画像に変換するために使用できる無料のオープン ソース プログラムです。 GIMP は Photoshop に似た画像エディタであり、Inkscape は Illustrator に似たベクターエディタです。どちらもすべてのオペレーティング システムで使用できます。
   • GIMP は https://www.gimp.org からダウンロードできます。ご使用のオペレーティング システム用のインストーラーを実行し、デフォルト設定でインストールします。
   • Inkscape は https://www.inkscape.org からダウンロードできます。ご使用のオペレーティング システム用のインストーラーを実行し、デフォルト設定でインストールします。
   • この方法は、ロゴやエンブレムなど、基本的な色を使用したシンプルな画像にのみ有効です。複雑なディテールを持つ画像を変換するには、粗いエッジを滑らかにしたり、色を豊かにしたりするなど、多くの作業が必要です。
2. 2 GIMP で JPEG ファイルを開きます。画像ファイルを右クリックして「プログラムから開く」を選択し、 GIMPを選択してファイルを開きます。または、まず GIMP を開いてから、 「ファイル」 > 「開く」をクリックしてファイルを挿入することもできます。
3. {"smallurl"： "https：\/\/www.wikihow.com \/images_en \/thumb \/5 \/5c \/convert-jpg-to-vector-step-17.jpg \/vv4-460px-convert-jpg-to-vector-step-step-17.jpg：" " .wikihow.com \/images \/thumb \/5 \/5c \/convert-jpg-to-vector-step-17.jpg \/v4-728px-jpg-to-vector-step-17.jpg "、" smallwidth "：460、" 460 "：" 344、 "" bigwidth "ライセンス "：" <div class = \ "mw-parser-output \"> <\/div> "} 3長方形の選択ツールを使用して、ベクトル画像に変換する画像の部分を選択します。選択ツールを使用して、画像の大まかな境界線を作成します。これにより、色の変更が容易になります。
4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0d\/Convert-JPG-to-Vector-Step-18.jpg\/v4-460px-Convert-JPG-to-Vector-Step-18.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0d\/Convert-JPG-to-Vector-Step-18.jpg\/v4-728px-Convert-JPG-to-Vector-Step-18.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 [イメージ]メニューをクリックし、 [選択範囲に切り抜き] を選択します。これにより、選択した領域を除くすべての領域が削除されます。
5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/76\/Convert-JPG-to-Vector-Step-19.jpg\/v4-460px-Convert-JPG-to-Vector-Step-19.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Convert-JPG-to-Vector-Step-19.jpg\/v4-728px-Convert-JPG-to-Vector-Step-19.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 [イメージ]メニューをもう一度クリックし、 [自動トリミング]を選択します。これにより、選択した領域が正確に切り取られます。
6. 6 ファイルをエクスポートします。画像をトリミングしたら、エクスポートできます。 [ファイル] メニューをクリックし、 [名前を付けてエクスポート]を選択します。設定はデフォルトのままにして、切り取られたバージョンであることがわかるようなファイル名を付けます。
7. 7 エクスポートしたファイルをInkscapeで開きます。 Inkscape を起動し、 「ファイル」 > 「開く」に移動してファイルを選択できます。
8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8b\/Convert-JPG-to-Vector-Step-22.jpg\/v4-460px-Convert-JPG-to-Vector-Step-22.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8b\/Convert-JPG-to-Vector-Step-22.jpg\/v4-728px-Convert-JPG-to-Vector-Step-22.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 8クリックして画像を選択します。 Inkscape で画像をトレースする前に、画像を選択する必要があります。
9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a8\/Convert-JPG-to-Vector-Step-23.jpg\/v4-460px-Convert-JPG-to-Vector-Step-23.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/Convert-JPG-to-Vector-Step-23.jpg\/v4-728px-Convert-JPG-to-Vector-Step-23.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 9 [パス]メニューをクリックし、 [ビットマップのトレース]を選択します。これにより、トレース ビットマップ ウィンドウが開きます。
10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/40\/Convert-JPG-to-Vector-Step-24.jpg\/v4-460px-Convert-JPG-to-Vector-Step-24.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/40\/Convert-JPG-to-Vector-Step-24.jpg\/v4-728px-Convert-JPG-to-Vector-Step-24.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 10別のプリセットベクター化方法を選択し、 「更新」をクリックします。これにより、選択したベクトル化モードでベクトル描画のプレビューが表示されます。気に入った方法が見つかるまで、さまざまな方法を試し続けてください。
    • カラーオプションを選択すると、元の画像に最も近い色が得られます。
    • ほとんどのプリセットには調整可能な設定がいくつかあります。設定を変更するたびに「更新」をクリックするだけで、結果を確認できます。
11. 11結果に満足したら、「OK」をクリックします。元の画像がトレースされ、ベクター画像に置き換えられます。
12. {"smallurl"： "https：\/\/www.wikihow.com \/images_en \/thumb \/c \/c0 \/convert-jpg-to-vector-step-26.jpg \/vv4-460px-convert-jpg-to-vector-step-step-26.jpg：" " .wikihow.com \/images \/thumb \/c \/c0 \/convert-jpg-to-vector-step-26.jpg \ /v4-728px-jpg-to-vector-step-26.jpg "、" smallwidth "：460、" 460 "：348：" 518、ライセンス "：" <div class = \ "mw-parser-output \"> <\/div> " }このツールを使用してベクター画像の領域を選択し、ノードをドラッグしてサイズとシェーディングを調整できます。画像の一部をクリックすると、小さなボックスがいくつか表示されます。ボックスをドラッグして、選択した領域の形状を変更します。
13. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c5\/Convert-JPG-to-Vector-Step-27.jpg\/v4-460px-Convert-JPG-to-Vector-Step-27.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c5\/Convert-JPG-to-Vector-Step-27.jpg\/v4-728px-Convert-JPG-to-Vector-Step-27.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 13パスの切断ツールを使用して、接続しないノードを分離します。トレース処理中に、画像の一部が、本来はつながっているべきではない部分でつながってしまうことがあります。パス分割ツールを使用すると、接続されたノードを削除してセクションを分離できます。
14. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/da\/Convert-JPG-to-Vector-Step-28.jpg\/v4-460px-Convert-JPG-to-Vector-Step-28.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/da\/Convert-JPG-to-Vector-Step-28.jpg\/v4-728px-Convert-JPG-to-Vector-Step-28.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 14完了したら、画像をベクター ファイルとして保存します。ベクター画像に満足したら、ベクター形式で保存できます。
    • [ファイル] メニューをクリックし、 [名前を付けて保存]を選択します。
    • [ファイルの種類] メニューからベクター形式を選択します。一般的な形式には、 SVG (Web サイト用) とPDF (印刷用) があります。
    • 再度簡単に編集できるように、コピーを Inkscape SVG ファイルとして保存します。
    広告する