JPG から SVG への変換 - C# コードとオンライン ベクトライザー

オンライン画像ベクトライザー

画像をベクター化する必要がある場合は、無料のオンライン ツールを使用してください。 Image Vectorizer は、JPEG、JPG、PJP、PJPEG、WEBP、PNG、BMP、ICO、GIF、TIFF、XBM およびその他のビットマップ形式をサポートしています。出力画像はベクター SVG ファイル形式です。適切なベクトル化オプションにリンクされたコントロールを使用して、ベクトル化された SVG ファイルをインタラクティブに管理できます。今すぐ画像をスケーラブルで鮮明なベクター アートに変換してください!

JPG 画像のベクトル化

画像のベクトル化は、ビットマップをベジェ曲線、スプライン、線などのベクトル グラフィックに変換するプロセスです。ベクトル化は、画像を拡大してもピクセル化されないため便利です。品質を落とさずにスケーリングできること、ファイル サイズが小さいこと、アニメーションのサポートなどは、ベクトル化された画像の利点のほんの一部です。絵画、デザイン、アート、印刷、建築、Web 開発のいずれに携わっている場合でも、ベクター画像は職業に欠かせないものです。一方、画像を試してみて、楽しいベクトル化効果を得ることができます。 Aspose.SVG for .NET API は、さまざまな SVG 解析タスクに使用できる高速 C# ライブラリを提供します。 ImageVectorization 名前空間には、画像のベクトル化プロセスを実装するためのクラスとインターフェイスが含まれています。この記事では、C# またはオンラインの Image Vectorizer を使用して Image をベクター グラフィックスに変換する方法について説明します。

イメージ ベクトライザーの使用方法

1. まず、JPEG、JPG、PJP、PJPEG、WEBP、PNG、BMP、ICO、GIF、TIFF、XBM またはその他のビットマップ形式のラスター イメージをローカル ファイル システムから読み込みます。ソース イメージ、量子化されたイメージ、ベクトル化されたイメージの 3 つのウィンドウが表示され、初期イメージ、カラー量子化イメージ、ベクトル化イメージのプレビューが表示されます。
2. Image Vectorizer は、デフォルト設定で JPG をベクターに変換し、ベクター化された JPG を SVG ファイルとしてダウンロードできます。しかし、より良い結果を得るために、2 つの設定サイドバーを使用して量子化とベクトル化のプロセスを処理できます。 「Quantize」ボタンをクリックして量子化設定を適用し、「Vectorize」ボタンをクリックしてベクトル化設定を適用し、JPG を SVG に変換します。
3. [Download] ボタンをクリックして結果を取得します。

Image Vectorizer は、ラスター ビットマップ イメージをアウトラインから構築されたベクター アートワークに変換します。ベクトル化アルゴリズムには、色の量子化、輪郭トレース、トレース スムージング、トレース単純化、およびトレースからの SVG パス エレメントの構築という次のステップが含まれます。カスタム設定を適用して、最高の JPG ベクトル化結果を取得します。

量子化オプション (Quantization Options)

色の量子化は、画像で使用する限られた数の色を選択するプロセスです。画像の色情報を削減する場合に適用します。色の量子化は、多くの要因が関係する非常に複雑なプロセスです。これは、さまざまなアルゴリズムを使用して実装できます。各アルゴリズムは、より大きな色のセットからどの色を新しい画像に残すか、および破棄された色を残りの色にどのようにマッピングするかを決定します。

• colors - 希望のパレット サイズ;
• method - さまざまな色の量子化アルゴリズムを実装するヒストグラム メソッド。
• minHueCols - 色のグラデーションで機能するパラメーターです。
• scale - またはスケーリング係数 - 色のより細かくまたはより粗いサンプリング用に構成可能。
• grayscale - チェックボックスをクリックすると、画像をグレースケールに変換できます。

ベクトル化オプション (Vectorization Options)

• threshold - 輪郭をマークするピクセル数を設定します。
• severity - 等高線の平滑化に影響を与え、クエリ ポイントが最近傍法と見なす領域の範囲を決定します。
• line-width - 輪郭をマークする線の幅に影響します。
• stencil - 通常の画像や写真を、落書きのような効果のステンシルとして使用できるアウトライン画像に変換します。
• trace paths - パス セグメントの作成に関与する曲線内のポイントを表示できます。

ベクター グラフィックは、ロゴ、アイコン、ページ レイアウト、地図、グラフ、線画、イラスト、製図などの作成に最適です。色のブレンドや写真の編集を伴う連続階調の画像には最適な形式ではありません。ただし、写真をベクトル化すると、面白くて便利な印象的な芸術的効果が得られる場合があります。

C# で JPG をベクトル化する方法

Aspose.SVG for the .NET API は、画像のベクター化プロセスを実装し、画像をベクター形式で保存する前に画像のさまざまな前処理オプションを使用できるようにするクラスとメソッドを提供します。処理には、TraceSimplifier、TraceSmoother、PathBuilder などのベクトル化オプションの制御が含まれます。

	// Initialize an instance of the ImageVectorizer class
	var vectorizer = new ImageVectorizer
    {
		//optionally set configuration
        Configuration =
        {
			//optionally set path builder
            PathBuilder = new BezierPathBuilder {
			//optionally set trace smoother
            TraceSmoother = new ImageTraceSmoother(1),
                ErrorThreshold =  30,
                MaxIterations = 30
            },
            ColorsLimit = 25,
            LineWidth = 1
        }
    };
    // Vectorize JPG from the specified file
	using var document = vectorizer.Vectorize(InputFolder + "image.jpg");
    // Save vectorized JPG image as SVG file 
	document.Save(OutputFolder + "image.svg");

C# で JPG を SVG に変換する手順

Aspose.SVG で JPG 画像をベクター化するには、いくつかの手順に従う必要があります。

1. ImageVectorizer クラスのインスタンスを初期化します。 ImageVectorizer() コンストラクターの 1 つを使用して、構成プロパティを指定します。
   • TraceSmoother プロパティは、トレースをよりスムーズに設定します。輪郭の断片を滑らかにするために使用されます。
   • TraceSimplifier プロパティは、簡略化されたトレースを設定します。その結果、トレース カーブは、より少ない (またはより大きな) ポイントを持つ線分で構成されます。
   • PathBuilder プロパティは、SVG パス セグメント ビルダーを設定し、コントロール ポイントでの曲線の曲がり具合に影響を与えます。
2. 指定したファイルから JPG をベクター化します。 Vectorize() メソッドは、画像ファイルへのパスを受け取り、SVGDocument を返します。
3. ベクター化された JPG を SVG に保存します。 Save() メソッドを使用して、出力パスを渡します。

ドキュメントの章 Vectorization - Basic Overview には、画像のベクトル化に関する情報が記載されています。画像のベクター化プロセスとベクター化オプションの説明、PNG、JPG、BMP、TIFF、GIF、ICO などのラスター画像を SVG ドキュメントにベクター化する方法を学びます。 ImageVectorization 機能と、構成プロパティがベクトル化の結果に与える影響を示す C# の例をいくつか検討します。

Aspose.SVG は無料のオンライン Image Vectorizer を提供しており、JPG、PNG、BMP、TIFF、ICO、および GIF ビットマップ イメージをベクター グラフィックスに変換できます。このアプリを使用すると、完璧な結果を得るために一連のオプションを適用できます。時間を節約し、このイメージ ベクトライザーをチェックして、ベクター グラフィックスのすべての利点を活用してください!

よくある質問

.NET SVG API を使ってみる