SVGをJPG PNG画像に変換 C#

SVG (スケーラブル ベクター グラフィックス) は、ベクター ベースのグラフィックスに広く使用されるフォーマットです。SVG はスケーラビリティと高品質のレンダリングを提供しますが、レポート、ウェブページ、モバイルアプリケーションに埋め込むなどのより広い互換性のために、SVG ファイルを JPG や PNG のようなラスタ画像フォーマットに変換する必要があることがよくあります。このブログ記事では、C# で SVG を JPG および PNG に変換する手順を説明します。

SVG to Image Converter - C# API インストール

SVGをラスター画像フォーマットに変換するには、Conholdate.Total for .NETをNew Releasesからインストールするか、次のNuGetインストールコマンドを実行する必要があります:

PM> NuGet\Install-Package Conholdate.Total

SVGを画像形式に変換する理由は何ですか？

デベロッパーやデザイナーがSVGファイルをJPGやPNGのようなラスター画像フォーマットに変換する必要がある理由はいくつかあります:

  • 互換性: 多くのアプリケーションやプラットフォームはSVGをサポートしていませんが、JPGやPNGは容易にサポートしています。
  • パフォーマンス: ラスター画像は特定のプラットフォームでより迅速にレンダリングされ、SVGを動的にレンダリングするよりも処理能力を消費しません。
  • 印刷: SVGは印刷形式で詳細を失ったり、正しくレンダリングされない可能性がありますが、PNGとJPGは印刷に適した品質を提供します。
  • 統合: ラスター画像は、ドキュメント、メール、およびマルチメディアプレゼンテーションに埋め込むのが容易なことがよくあります。

今、実装に入ってみましょう。

C#でSVGをJPGに変換する

C# を使用して SVG を JPG 形式に変換するには、次の手順を実行します。

  • Load any input SVG or define the SVG code.
  • JPGファイルが保存されるパスを指定してください。
  • ImageSaveOptionsを使用して、出力形式をJPEGに設定します。
  • ConvertSVGを呼び出して変換を処理します。

次のサンプルは、C#でSVGをJPGに変換する方法を示しています:

// Prepare SVG code
var code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
            "<circle cx ='100' cy ='100' r ='55' fill='green' stroke='red' stroke-width='10' />" +
            "</svg>";

// 変換されたファイル保存のためのパスを準備してください。
string savePath = Path.Combine(dataDir, "svgtojpgimage.jpg");

// ImageSaveOptions クラスのインスタンスを作成します。
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Jpeg);

// SVGをJPGに変換する
Aspose.Html.Converters.Converter.ConvertSVG(code, ".", options, savePath);

C# で SVG を PNG 画像に変換する方法

SVGをPNGに変換する場合、プロセスは似ていますが、出力フォーマットをPNGに変更する必要があります：

  • ソースSVGを読み込むか、任意のSVG画像を作成してください。
  • PNGファイルを書き込むファイルパスを提供してください。
  • ImageSaveOptions クラスのインスタンスを作成し、PNG を希望するフォーマットとして指定します。
  • ConvertSVG メソッドを使用して SVG を PNG に変換します。

次のコードスニペットは、C# で SVG を PNG に変換する方法を示しています：

// SVGコードを準備してください。
var code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
            "<circle cx ='100' cy ='100' r ='55' fill='green' stroke='red' stroke-width='10' />" +
            "</svg>";

// 変換されたファイル保存のためのパスを準備します
string savePath = Path.Combine(dataDir, "image.png");

// ImageSaveOptions クラスのインスタンスを作成します。
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

// SVGをPNGに変換する
Aspose.Html.Converters.Converter.ConvertSVG(code, ".", options, savePath);

無料評価ライセンス

APIの全機能をテストするために、free temporary licenseをリクエストできます。

要約

SVGをJPGやPNGなどのラスター画像形式に変換することは、さまざまなアプリケーションで一般的な要件です。ウェブアプリケーション、レポート、またはマルチメディアプロジェクト用の高品質の画像が必要な場合でも、提供されたコードスニペットは信頼できるSVGから画像への変換を保証します。ご不明な点がある場合は、forumまでご連絡ください。

See Also