Los archivos HTML se utilizan con frecuencia en Internet. Posteriormente, Aspose.HTML for .NET API admite muchas características para trabajar con formato de archivo HTML. En este artículo, aprenderemos cómo convertir HTML a imagen usando C#. Exploremos los siguientes casos de uso:

En primer lugar, revisemos el archivo HTML básico, que contiene algo de texto e imagen, que usaremos como archivo de entrada en estos ejemplos.

<!DOCTYPE html>
<html>
<head>
<style>
body {
  text-align: center;
  color: black;
}
</style>
</head>
<body>
<h2>Welcome to HTML to Image C# Test Conversion</h2>
<p></p>
<img src="HTML to Image.png" alt="HTML to Image" style="width:300px">
</body>
</html>

Convertir imagen HTML a JPG usando C#

Puede convertir imágenes HTML a JPG utilizando el lenguaje C# en sus aplicaciones .NET. La API admite varias funciones para obtener la salida con diferentes variaciones. Por ejemplo, puede establecer el tamaño de la imagen de salida, así como cualquier color de fondo que desee en su imagen de salida.

Debe seguir los pasos a continuación para convertir HTML a imagen JPG:

  1. Inicialice las opciones de representación de imágenes usando la clase ImageSaveOptions
  2. Establecer tamaño de página o color de fondo
  3. Convierte el archivo HTML

Además, el siguiente código muestra cómo convertir una imagen HTML a JPG usando C#:

        // Configure el tamaño de página de 7x7 pulgadas y cambie el color de fondo a gris claro
        var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Jpeg)
        {
            PageSetup =
{
    AnyPage = new Aspose.Html.Drawing.Page()
    {
        Size = new Aspose.Html.Drawing.Size(Aspose.Html.Drawing.Length.FromInches(7), Aspose.Html.Drawing.Length.FromInches(7))
    }
},
            BackgroundColor = System.Drawing.Color.LightGray,
        };
        // Llame a ConvertHTML para convertir 'document.html' en una imagen jpeg
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

Además, echemos un vistazo a la imagen JPG de salida generada:

HTML a JPG

Además, puede observar el color de fondo y el tamaño de la imagen en las propiedades. Las resoluciones son de 300 ppp, por lo que el ancho y el largo de la imagen son 2100 porque tiene 7 pulgadas de largo y ancho.

Convertir imagen HTML a PNG usando C#

Los archivos de imagen PNG son archivos más avanzados que las imágenes JPG. Por ejemplo, pueden tener fondos transparentes, a diferencia de las imágenes JPG. Por lo tanto, a veces es mejor convertir HTML a imagen PNG porque es un formato de archivo popular y compatible.

Puede seguir los pasos a continuación para la conversión:

  1. Cargar archivo HTML de entrada
  2. Inicializar un objeto de la clase ImageSaveOptions
  3. Convertir HTML a imagen PNG

El siguiente fragmento de código muestra cómo convertir un archivo HTML a una imagen PNG usando C#:

// Inicializar un documento HTML desde el archivo html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// Inicializar ImageSaveOptions 
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

// Convertir HTML a PNG
Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.png");
}

Convertir imagen HTML a BMP usando C#

Puede convertir HTML a imagen BMP usando la propiedad ImageFormat.Bmp. Del mismo modo, debe seguir los siguientes pasos para la conversión:

  1. Cargar archivo HTML
  2. Establecer propiedad con BMP ImageFormat
  3. Realizar la conversión con la clase Convertidor

El siguiente código muestra cómo convertir una imagen HTML a BMP en C#:

// Inicializar un documento HTML desde el archivo html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Inicializar ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Bmp);

    // Convertir HTML a BMP
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.bmp");
}

Convertir imagen HTML a GIF usando C#

La conversión de imágenes HTML a GIF es una característica importante de la API. Puede convertir el archivo con los siguientes pasos:

  1. Cargar documento HTML de entrada
  2. Especifique ImageSaveOptions usando GIF ImageFormat
  3. Llame al método ConvertHTML para convertir HTML a imagen GIF

El siguiente código muestra cómo convertir una imagen HTML a GIF usando C# en sus aplicaciones .NET:

// Inicializar un documento HTML desde el archivo html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Inicializar ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Gif);

    // Convertir HTML a GIF
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.gif");
}

Conclusión

En resumen, hemos aprendido a convertir HTML a JPG, PNG, BMP y GIF en aplicaciones .NET usando C# o VB.NET. La conversión de HTML a estos formatos de imagen es una de las características más importantes de Aspose.HTML for .NET API. Además, los resultados de conversión o renderizado son de la más alta fidelidad y eficiencia. Por eso, la API es la mejor opción para convertir, editar o manipular archivos HTML. Además, esperamos tener noticias tuyas. No dude en contactarnos a través del Foro de soporte gratuito en caso de cualquier ayuda.

Ver también

Información: El convertidor Aspose Text to GIF te permite crear divertidas animaciones con solo escribir.