用 C# 将 HTML 转换为 PNG

PNG 是最常用的图像文件格式之一。它支持无损图像压缩，因此深受用户欢迎。 将 HTML 文件转换为 PNG 图像可能是必需的，例如，如果您想在 PowerPoint 演示文稿中添加网页、在博客中为读者插入网页或通过电子邮件发送网页。使用 Aspose.HTML for .NET，您可以通过程序将 HTML 转换为 PNG 格式，并完全控制各种转换参数。

本文将介绍如何使用转换器类的 ConvertHTML() 方法将 HTML 转换为 PNG，以及如何应用 ImageSaveOptions 和 ICreateStreamProvider 参数。

在线 HTML 转换器

您可以检查 Aspose.HTML API 功能并实时转换 HTML。请从本地文件系统加载 HTML，选择输出格式并运行示例。在示例中，默认设置了保存选项。您将立即以单独文件的形式收到结果。

如果您想通过编程将 HTML 转换为 PNG，请参阅以下 C# 代码示例。

只需一行代码即可将 HTML 转换为 PNG

Converter 类的静态方法主要用作将 HTML 代码转换为各种格式的最简单方法。只需一行代码，您就可以在 C# 应用程序中将 HTML 转换为 PNG！

// Convert HTML to PNG using C#

// Invoke the ConvertHTML() method to convert HTML to PNG
Converter.ConvertHTML(@"<h1>Convert HTML to PNG!</h1>", ".", new ImageSaveOptions(), Path.Combine(OutputDir, "convert-with-single-line.png"));

将 HTML 转换为 PNG

使用 ConvertHTML() 方法将文件转换为另一种格式是一系列操作，其中包括文件加载和保存：

1. 使用 HTMLDocument 类加载 HTML 文件。
2. 创建一个新的 ImageSaveOptions 对象。默认情况下，格式属性为 PNG。
3. 使用 Converter 类的 ConvertHTML() 方法将 HTML 保存为 PNG 图像。您需要向 ConvertHTML() 方法传递 HTMLDocument、 ImageSaveOptions 和输出文件路径，以便将 HTML 转换为 PNG。

请看下面的 C# 代码片段，它展示了使用 Aspose.HTML for .NET 将 HTML 转换为 PNG 的过程。

// Convert HTML to PNG in C#

// Prepare a path to a source HTML file
string documentPath = Path.Combine(DataDir, "nature.html");

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "nature-output.png");

// Initialize an HTML document from the file
using HTMLDocument document = new HTMLDocument(documentPath);

// Create an instance of the ImageSaveOptions class 
ImageSaveOptions options = new ImageSaveOptions(ImageFormat.Png);

// Convert HTML to PNG
Converter.ConvertHTML(document, options, savePath);

ImageSaveOptions

Aspose.HTML 允许使用默认或自定义保存选项将 HTML 转换为 PNG。使用 ImageSaveOptions 可以自定义渲染过程；您可以指定 image format、 page size、 margins、 CSS media-type 等。

Property	Description
Compression	Sets Tagged Image File Format (TIFF) Compression. By default, this property is LZW.
CSS	Gets a CssOptions object which is used for configuration of CSS properties processing.
Format	Sets the ImageFormat (JPG, PNG, BMP, TIFF, or GIF). By default, this property is PNG.
BackgroundColor	This property sets the color that will fill the background. By default, this property is Transparent.
PageSetup	This property gets a page setup object and uses it for configuration output page-set.
HorizontalResolution	Sets horizontal resolution for output images in pixels per inch. The default value is 300 dpi.
VerticalResolution	Sets vertical resolution for output images in pixels per inch. The default value is 300 dpi.
UseAntialiasing	This property sets the image rendering quality. Antialiasing is enabled by default.
Text	Gets a TextOptions object which is used for configuration of text rendering.

要了解有关 ImageSaveOptions 类的更多信息，请阅读 微调转换器 一文。

使用图像保存选项将 HTML 转换为 PNG

要使用指定的 ImageSaveOptions 将 HTML 转换为 PNG，应遵循以下几个步骤：

1. 使用 HTMLDocument 类的 HTMLDocument() 构造函数之一加载 HTML 文件。
2. 创建一个新的 ImageSaveOptions 对象并指定保存选项。默认情况下，格式属性为 PNG。
3. 使用转换器类的 ConvertHTML() 方法将 HTML 保存为 JPG 图像。您需要向 ConvertHTML() 方法传递 HTMLDocument、ImageSaveOptions 和输出文件路径，以便将 HTML 转换为 PNG。

下面的 C# 代码片段展示了如何使用自定义保存选项将 HTML 转换为 PNG：

// Convert HTML to PNG in C# with custom settings

// Prepare a path to a source HTML file
string documentPath = Path.Combine(DataDir, "nature.html");

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "nature-output-options.png");

// Initialize an HTML document from the file
using HTMLDocument document = new HTMLDocument(documentPath);

// Initialize ImageSaveOptions
ImageSaveOptions options = new ImageSaveOptions()
{
    UseAntialiasing = false,
    HorizontalResolution = 100,
    VerticalResolution = 100,
    BackgroundColor = System.Drawing.Color.Beige
};

// Convert HTML to PNG
Converter.ConvertHTML(document, options, savePath);

ImageSaveOptions() 构造函数初始化 ImageSaveOptions 类的实例，并将其传递给 ConvertHTML() 方法。ConvertHTML() 方法接收 document, options, 输出文件路径 savePath 并执行转换操作。

在上述示例中，我们添加

• BackgroundColor 属性，用于设置填充背景的颜色。默认的 BackgroundColor 是透明色。
• HorizontalResolution 和 VerticalResolution 属性以每英寸像素为单位设置输出图像的水平/垂直分辨率。默认情况下，这些属性为 300 dpi。
• UseAntialiasing 属性，用于设置此图像的渲染质量。本示例使用 UseAntialiasing = false 来进行更简单的、面向性能的渲染，不需要抗锯齿。

如果您想提高应用程序中渲染的图形、文本和图像的视觉质量，尤其是对清晰度和平滑边缘要求较高时，请使用 UseAntialiasing = true。启用抗锯齿功能可通过混合边缘周围像素的颜色来平滑锯齿状边缘，从而获得更柔和、更精致的外观。

虽然 UseAntialiasing = true 可以提供更好的视觉质量，但也会增加处理时间。对于优先考虑渲染速度的应用程序，设置 UseAntialiasing = false 可能是最佳选择。

输出流提供商

如果需要将文件保存在远程存储器(如云、数据库等)中，可以实现 ICreateStreamProvider 接口来手动控制文件创建过程。该接口被设计为一个回调对象，用于在文档/页面开始时创建一个流(取决于输出格式)，并在渲染文档/页面后释放早期创建的流。

Aspose.HTML for .NET为渲染操作提供了各种类型的输出格式。其中一些格式只生成一个输出文件(例如，PDF、XPS)，其他格式则生成多个文件(图像格式 – JPG、PNG 等)。

下面的示例展示了如何在应用程序中实现和使用自己的MemoryStreamProvider：

// Implement a custom MemoryStream provider for advanced control over HTML rendering output streams

class MemoryStreamProvider : Aspose.Html.IO.ICreateStreamProvider
{
    // List of MemoryStream objects created during the document rendering
    public List<MemoryStream> Streams { get; } = new List<MemoryStream>();

    public Stream GetStream(string name, string extension)
    {
        // This method is called when only one output stream is required, for instance for XPS, PDF or TIFF formats
        MemoryStream result = new MemoryStream();
        Streams.Add(result);
        return result;
    }

    public Stream GetStream(string name, string extension, int page)
    {
        // This method is called when the creation of multiple output streams are required. For instance, during the rendering HTML to list of image files (JPG, PNG, etc.)
        MemoryStream result = new MemoryStream();
        Streams.Add(result);
        return result;
    }

    public void ReleaseStream(Stream stream)
    {
        // Here you can release the stream filled with data and, for instance, flush it to the hard-drive
    }

    public void Dispose()
    {
        // Releasing resources
        foreach (MemoryStream stream in Streams)
            stream.Dispose();
    }
}

下面的 C# 代码演示了如何使用 MemoryStreamProvider 类和 Aspose.HTML for .NET 库将 HTML 转换为 PNG 并将结果保存到文件中。

// Convert HTML to PNG in C# using memory stream

// Create an instance of MemoryStreamProvider
using MemoryStreamProvider streamProvider = new MemoryStreamProvider();

// Initialize an HTML document
using HTMLDocument document = new HTMLDocument(@"<h1>Convert HTML to PNG File Format!</h1>", ".");

// Convert HTML to JPG using the MemoryStreamProvider
Converter.ConvertHTML(document, new ImageSaveOptions(ImageFormat.Png), streamProvider);

// Get access to the memory stream that contains the result data
MemoryStream memory = streamProvider.Streams.First();
memory.Seek(0, SeekOrigin.Begin);

// Flush the result data to the output file
using (FileStream fs = File.Create(Path.Combine(OutputDir, "stream-provider.png")))
{
    memory.CopyTo(fs);
}

您可以从 GitHub 下载完整的示例和数据文件。

Aspose.HTML 提供免费的在线 HTML 到 PNG 转换器，可将 HTML 转换为高质量的 PNG 图像，简单快捷。只需上传、转换您的文件，几秒钟就能得到结果！