HTML Content to WebP – Aspose.HTML Cloud

This guide illustrates how to convert HTML content directly into WebP images using Aspose.HTML Cloud API. WebP is an efficient, modern image format known for smaller file sizes and quality preservation.

Make sure you have your authorization token ready. Please visit the Authorization Guide to obtain one.

HTML Content Example

Here’s an example HTML content for conversion:

1<html>
2  <body>
3    <h1>Convert to WebP with Aspose.HTML Cloud!</h1>
4    <p>This WebP image is created directly from HTML content.</p>
5  </body>
6</html>

API Request

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

Request Body:

1{
2  "InputContent": "<html><body><h1>Convert to WebP with Aspose.HTML Cloud!</h1><p>This WebP image is created directly from HTML content.</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 ConvertHtmlContentToWebp()
15{
16    string apiUrl = "https://api.aspose.cloud/v4.0/html/conversion/html-webp/sync";
17    string outputFilePath = @"C:\\temp\\output.webp";
18
19    string htmlContent = "<html><body><h1>Convert to WebP with Aspose.HTML Cloud!</h1><p>This WebP image is created directly from HTML content.</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 webpBytes = await response.Content.ReadAsByteArrayAsync();
37    await File.WriteAllBytesAsync(outputFilePath, webpBytes);
38
39    Console.WriteLine($"WebP image saved to {outputFilePath}");
40}

JavaScript

 1async function convertHtmlContentToWebp() {
 2    const url = "https://api.aspose.cloud/v4.0/html/conversion/html-webp/sync";
 3
 4    const htmlContent = "<html><body><h1>Convert to WebP with Aspose.HTML Cloud!</h1><p>This WebP image is created directly from HTML content.</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.webp';
26    downloadLink.click();
27
28    console.log("WebP image downloaded successfully.");
29}

HTML Content to WebP – Aspose.HTML Cloud

HTML Content Example

API Request

Example Implementation

See Also