Contenido HTML a WebP – Aspose.HTML Cloud

Esta guía ilustra cómo convertir contenido HTML directamente a imágenes WebP utilizando la API de Aspose.HTML Cloud. WebP es un formato de imagen eficiente y moderno, conocido por su menor tamaño de archivo y preservación de calidad.

Asegúrese de tener listo su token de autorización. Visite la Guía de autorización para obtener uno.

Ejemplo de contenido HTML

Aquí hay un ejemplo de contenido HTML para la conversión:

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>

Solicitud de API

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

Cuerpo de la solicitud:

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}

Implementación de ejemplo

 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}

Ver también

Contenido HTML a PNG Convertidor EPUB