HTML ファイルはインターネット上で頻繁に使用されます。場合によっては、HTML ページを画像に変換する必要がある場合があります。この記事では、C# で HTML を画像に変換する方法を学びます。 HTML Web ページを JPG、PNG、BMP、GIF、およびその他の一般的な画像形式にレンダリングする方法を学習します。

この記事では次のトピックについて説明します。

HTML を画像に変換する C# API

C# で HTML ファイルを画像に変換するには、Aspose.HTML for .NET を使用します。これにより、開発者は .NET アプリケーションで HTML ドキュメントを操作できるようになります。 HTML ドキュメントの解析、変換、編集、レンダリングのための幅広い機能を提供します。

APIのDLLをダウンロードするか、NuGetを使用してインストールしてください。

PM> Install-Package Aspose.Html

HTML から画像への変換 - 入力ファイル

まず最初に、これらの例で入力ファイルとして使用する、いくつかのテキストと画像を含む基本的な HTML ファイルを確認してみましょう。

<!DOCTYPE html>
<html>
<head>
<style>
body {
  text-align: center;
  color: black;
}
</style>
</head>
<body>
<h2>Welcome to HTML to Image C# Test Conversion</h2>
<p></p>
<img src="HTML to Image.png" alt="HTML to Image" style="width:300px">
</body>
</html>

C# で HTML を JPG 画像に変換する

以下の手順に従って、HTML Web ページを JPG 画像に変換できます。

  1. ImageSaveOptions クラスを使用して画像レンダリング オプションを初期化します。
  2. ページサイズまたは背景色を設定します。
  3. その後、ImageFormatをJPGとして指定します。
  4. 最後に、ConvertHTML() メソッドを呼び出して、HTML を JPG に変換します。

次のコード サンプルは、C# で HTML を JPG 画像に変換する方法を示しています。

        // ページサイズを 7x7 インチに設定し、背景色をライトグレーに変更します。
        var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Jpeg)
        {
            PageSetup =
{
    AnyPage = new Aspose.Html.Drawing.Page()
    {
        Size = new Aspose.Html.Drawing.Size(Aspose.Html.Drawing.Length.FromInches(7), Aspose.Html.Drawing.Length.FromInches(7))
    }
},
            BackgroundColor = System.Drawing.Color.LightGray,
        };
        // ConvertHTML を呼び出して「document.html」を JPEG 画像に変換します
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

さらに、生成された出力 JPG 画像を見てみましょう。

HTML から JPG 画像への変換 C#

さらに、プロパティから画像の背景色とサイズを確認できます。解像度は 300 dpi なので、長さと幅が 7 インチであるため、画像の幅と長さは 2100 になります。

C# で HTML を PNG 画像に変換する

PNG 画像ファイルは JPG 画像よりも高度なファイルです。たとえば、JPG 画像とは異なり、背景を透明にすることができます。したがって、HTML は一般的で互換性のあるファイル形式であるため、HTML を PNG 画像に変換する方がよい場合があります。

前述の手順に従って、HTML を PNG に変換できます。ただし、手順 3 で ImageFormat.Png を指定するだけです。

次のコード スニペットは、C# で HTML ファイルを PNG 画像に変換する方法を示しています。

// HTMLファイルからHTMLドキュメントを初期化する
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// ImageSaveOptions の初期化 
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

// HTML を PNG に変換する
Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.png");
}

C# HTML から BMP 画像コンバーター

同様に、前述の手順に従って HTML を BMP に変換できます。ただし、手順 3 で ImageFormat.Bmp を指定するだけです。

次のコード サンプルは、C# で HTML を BMP 画像に変換する方法を示しています。

// HTMLファイルからHTMLドキュメントを初期化する
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // ImageSaveOptions の初期化 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Bmp);

    // HTMLからBMPへの変換
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.bmp");
}

C# で HTML を GIF 画像に変換する

前述の手順に従って、HTML を GIF に変換することもできます。ただし、手順 3 で ImageFormat.Gif を指定するだけです。

以下のコードは、C# で HTML を GIF 画像に変換する方法を示しています。

// HTMLファイルからHTMLドキュメントを初期化する
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // ImageSaveOptions の初期化 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Gif);

    // HTMLをGIFに変換
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.gif");
}

無料ライセンスを取得する

評価制限なしでライブラリを試すには、無料の一時ライセンスを取得してください。

HTML から画像へ - 学習リソース

HTML Web ページを画像に変換するだけでなく、以下のリソースを使用してライブラリの他のさまざまな機能を調べてください。

結論

要約すると、.NET アプリケーション内で C# を使用して HTML を JPG、PNG、BMP、GIF に変換する方法を学習しました。これらの画像形式への HTML 変換は、Aspose.HTML for .NET API の最も重要な機能の 1 つです。さらに、変換またはレンダリングの結果は最高の忠実度と効率を備えています。このため、この API は HTML ファイルの変換、編集、操作に最適です。また、ご連絡をお待ちしております。サポートが必要な場合は、無料サポート フォーラム を通じてお気軽にお問い合わせください。

関連項目

情報: Aspose Text to GIF コンバーターを使用すると、入力するだけで楽しいアニメーションを作成できます。