HTML 檔案經常在網路上使用。在某些情況下，我們可能需要將 HTML 頁面轉換為圖片。在本文中，我們將學習如何在 C# 中將 HTML 轉換為圖像。我們將學習將 HTML 網頁渲染為 JPG、PNG、BMP、GIF 和其他流行的圖像格式。

本文涵蓋以下主題：

將 HTML 轉換為圖像的 C# API

我們將使用 Aspose.HTML for .NET 將 HTML 檔案轉換為 C# 中的圖片。它允許開發人員在其 .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 網頁轉換為 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，因此影像的寬度和長度為 2100，因為它的長度和寬度均為 7 吋。

在 C# 中將 HTML 轉換為 PNG 映像

PNG 圖檔是比 JPG 影像更高級的檔案。例如，與 JPG 影像不同，它們可以具有透明背景。因此，有時最好將 HTML 轉換為 PNG 圖像，因為它是一種流行且相容的檔案格式。

我們可以按照前面提到的步驟將 HTML 轉換為 PNG。然而，我們只需要在步驟#3 中指定 ImageFormat.Png 即可。

以下程式碼片段展示如何在 C# 中將 HTML 檔案轉換為 PNG 圖片：

// 從 html 文件初始化 HTML 文件
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// 初始化圖像保存選項 
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"))
{
    // 初始化圖像保存選項 
    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"))
{
    // 初始化圖像保存選項 
    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 網頁轉換為圖像之外，還可以使用以下資源探索該程式庫的各種其他功能：

結論

總而言之，我們學習如何在 .NET 應用程式中使用 C# 將 HTML 轉換為 JPG、PNG、BMP 和 GIF。 HTML 到這些圖片格式的轉換是 Aspose.HTML for .NET API 最重要的功能之一。而且，轉換或渲染結果具有最高的保真度和效率。這就是為什麼 API 最適合轉換、編輯或操作 HTML 檔案。此外，我們期待您的回覆。如果需要任何幫助，請隨時透過免費支援論壇與我們聯繫。

也可以看看

資訊：Aspose Text to GIF 轉換器讓您只需輸入即可創建有趣的動畫。