HTML Content to PNG – Aspose.HTML Cloud

This guide demonstrates how to convert HTML content directly into PNG images using Aspose.HTML Cloud API. In addition to PNG, the API supports converting HTML content into several other image formats:

JPG
JPEG
GIF
TIFF
BMP

Ensure you have obtained your authorization token before proceeding. Refer to our Authorization Guide.

HTML Content Example

Here’s the HTML content we’ll use for conversion:

1<html>
2  <body>
3    <h1>Aspose.HTML Cloud</h1>
4    <p>This is an example of HTML content conversion to PNG.</p>
5  </body>
6</html>

API Request

Endpoint: POST https://api.aspose.cloud/v4.0/html/conversion/html-png/sync

Request Body:

1{
2  "InputContent": "<html><body><h1>Aspose.HTML Cloud</h1><p>This is an example of HTML content conversion to PNG.</p></body></html>"
3}

Example Implementation

 1using System;
 2using System.IO;
 3using System.Net.Http;
 4using System.Net.Http.Headers;
 5using System.Text;
 6using System.Threading.Tasks;
 7using Newtonsoft.Json;
 8
 9public class ConversionRequest
10{
11    public string InputContent { get; set; }
12}
13
14public async Task ConvertHtmlContentToPng()
15{
16    string apiUrl = "https://api.aspose.cloud/v4.0/html/conversion/html-png/sync";
17    string outputFilePath = @"C:\\temp\\output.png";
18
19    string htmlContent = "<html><body><h1>Aspose.HTML Cloud</h1><p>This is an example of HTML content conversion to PNG.</p></body></html>";
20
21    using var client = new HttpClient();
22    client.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("Bearer", "YOUR_ACCESS_TOKEN");
23
24    var requestBody = new ConversionRequest { InputContent = htmlContent };
25    string jsonRequest = JsonConvert.SerializeObject(requestBody);
26    HttpContent content = new StringContent(jsonRequest, Encoding.UTF8, "application/json");
27
28    var response = await client.PostAsync(apiUrl, content);
29
30    if (!response.IsSuccessStatusCode)
31    {
32        var error = await response.Content.ReadAsStringAsync();
33        throw new Exception($"Conversion failed: {response.StatusCode} - {error}");
34    }
35
36    var imageBytes = await response.Content.ReadAsByteArrayAsync();
37    await File.WriteAllBytesAsync(outputFilePath, imageBytes);
38
39    Console.WriteLine($"PNG image saved to {outputFilePath}");
40}

JavaScript

 1async function convertHtmlContentToPng() {
 2    const url = "https://api.aspose.cloud/v4.0/html/conversion/html-png/sync";
 3
 4    const htmlContent = "<html><body><h1>Aspose.HTML Cloud</h1><p>This is an example of HTML content conversion to PNG.</p></body></html>";
 5
 6    const requestBody = JSON.stringify({ "InputContent": htmlContent });
 7
 8    const response = await fetch(url, {
 9        method: 'POST',
10        headers: {
11            'Authorization': 'Bearer YOUR_ACCESS_TOKEN',
12            'Content-Type': 'application/json'
13        },
14        body: requestBody
15    });
16
17    if (!response.ok) {
18        const errorText = await response.text();
19        throw new Error(`Conversion failed: ${response.status} - ${errorText}`);
20    }
21
22    const blob = await response.blob();
23    const downloadLink = document.createElement('a');
24    downloadLink.href = URL.createObjectURL(blob);
25    downloadLink.download = 'output.png';
26    downloadLink.click();
27
28    console.log("PNG image downloaded successfully.");
29}

Convert to Other Image Formats

To convert HTML content to other supported image formats, simply replace the output format (html-png) in the endpoint URL with your desired format:

JPG/JPEG: /html-jpeg/sync
GIF: /html-gif/sync
TIFF: /html-tiff/sync
BMP: /html-bmp/sync

HTML Content to PNG – Aspose.HTML Cloud

HTML Content Example

API Request

Example Implementation

Convert to Other Image Formats

See Also