Конвертация HTML-контента в WebP – Aspose.HTML Cloud

В этом руководстве показано, как конвертировать HTML-контент напрямую в WebP-изображения с помощью API Aspose.HTML Cloud. WebP - это эффективный современный формат изображений, известный меньшими размерами файлов и сохранением качества.

Убедитесь, что у вас есть токен авторизации. Посетите Руководство по авторизации, чтобы получить его.

Пример HTML-контента

Вот пример HTML-контента для конвертации:

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-запрос

Конечная точка: POST https://api.aspose.cloud/v4.0/html/conversion/html-webp/sync

Тело запроса:

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}

Пример реализации

 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-контента в WebP – Aspose.HTML Cloud

Пример HTML-контента

API-запрос

Пример реализации

Смотрите также