Convertir HTML a JPG en C#

Los archivos JPG pueden contener datos de imágenes de alta calidad con compresión sin pérdidas. Esta característica de compresión única permite compartir imágenes JPG de manera rápida y eficiente y utilizarlas ampliamente en la Web, computadoras y dispositivos móviles. Es posible que sea necesario convertir archivos HTML a imágenes JPG, por ejemplo, si desea agregar una página web en una presentación de PowerPoint o enviarla por correo electrónico. Usar los métodos Converter.ConvertHTML es la forma más común de convertir código HTML a varios formatos. JPG es un formato comúnmente utilizado para almacenar imágenes y la conversión de HTML a JPG es muy popular. Con Aspose.HTML for .NET, puede convertir HTML a formato JPG mediante programación con control total sobre una amplia gama de parámetros de conversión.

En este artículo, encontrará información sobre cómo convertir HTML a JPG utilizando los métodos ConvertHTML() de la clase Converter y aplicando los parámetros ImageSaveOptions y ICreateStreamProvider.

Convertidor HTML en línea

Puede comprobar la funcionalidad de Aspose.HTML API for .NET y convertir HTML en tiempo real. Cargue HTML desde el sistema de archivos local, seleccione el formato de salida y ejecute el ejemplo. En el ejemplo, las opciones de guardar están configuradas de forma predeterminada. Recibirá inmediatamente el resultado en un archivo separado.

Si desea convertir HTML a JPG mediante programación, consulte los siguientes ejemplos de código C#.

HTML a JPG mediante una sola línea de código

Los métodos estáticos de la clase Converter se utilizan principalmente como la forma más sencilla de convertir código HTML a varios formatos. ¡Puedes convertir HTML a JPG en tu aplicación C# literalmente con una sola línea de código!

// Invoke the ConvertHTML() method to convert the HTML code to JPG image           
Converter.ConvertHTML(@"<h1>Convert HTML to JPG!</h1>", ".", new ImageSaveOptions(ImageFormat.Jpeg), Path.Combine(OutputDir, "convert-with-single-line.jpg"));

Convertir HTML a JPG

Convertir un archivo a otro formato usando el método ConvertHTML() es una secuencia de operaciones entre las que se encuentran cargar y guardar documentos:

1. Cargue un archivo HTML usando la clase HTMLDocument ( spring.html).
2. Cree un nuevo objeto ImageSaveOptions con JPG ImageFormat. De forma predeterminada, la propiedad Formato es PNG.
3. Utilice el método ConvertHTML() de la clase Converter para guardar HTML como una imagen JPG. Debe pasar HTMLDocument, ImageSaveOptions y la ruta del archivo de salida al método ConvertHTML() para convertir HTML a JPG.

Eche un vistazo al siguiente fragmento de código C# que muestra el proceso de conversión de HTML a JPG usando Aspose.HTML for .NET.

// Prepare a path to a source HTML file
string documentPath = Path.Combine(DataDir, "spring.html");

// Prepare a path to save the converted file 
string savePath = Path.Combine(OutputDir, "spring-output.jpg");

// Initialize an HTML document from the file
using var document = new HTMLDocument(documentPath);

// Create an instance of the ImageSaveOptions class 
var options = new ImageSaveOptions(ImageFormat.Jpeg);

// Convert HTML to JPG
Converter.ConvertHTML(document, options, savePath);

La figura ilustra el archivo spring-output.jpg.

Puede descargar los ejemplos completos y los archivos de datos desde GitHub.

Opciones de guardado – ImageSaveOptions

La funcionalidad de creación de imágenes JPG se puede mejorar con opciones de guardado según sus necesidades. Aspose.HTML for .NET permite convertir HTML a JPG utilizando opciones de guardado predeterminadas o personalizadas. El uso de ImageSaveOptions le permite personalizar el proceso de renderizado. Puede especificar el image format, page size, margins, CSS media-type, etc.

Property	Description
Compression	Sets Tagged Image File Format (TIFF) Compression. By default, this property is LZW.
CSS	Gets a CssOptions object which is used for configuration of CSS properties processing.
Format	Sets the ImageFormat (JPG, PNG, BMP, TIFF, or GIF). By default, this property is PNG.
BackgroundColor	This property sets the color that will fill the background. By default, this property is Transparent.
PageSetup	This property gets a page setup object and uses it for configuration output page-set.
HorizontalResolution	Sets horizontal resolution for output images in pixels per inch. The default value is 300 dpi.
VerticalResolution	Sets vertical resolution for output images in pixels per inch. The default value is 300 dpi.
UseAntialiasing	This property sets the image rendering quality. Antialiasing is enabled by default.
Text	Gets a TextOptions object which is used for configuration of text rendering.

El siguiente ejemplo muestra cómo usar ImageSaveOptions y crear la imagen de salida con opciones de guardado personalizadas, como el tamaño de página y el color de fondo:

string documentPath = Path.Combine(OutputDir, "save-options.html");
string savePath = Path.Combine(OutputDir, "save-options-output.jpg");

// Prepare HTML code and save it to a file
var code = "<h1> Image SaveOptions </h1>\r\n" +
           "<p>Using ImageSaveOptions Class, you can programmatically apply a wide range of conversion parameters such as BackgroundColor, Format, Compression, PageSetup, etc.</p>\r\n";

File.WriteAllText(documentPath, code);

// Initialize an HTML Document from the html file
using var document = new HTMLDocument(documentPath);

// Set up the page-size 500x250 pixels, margins and change the background color to AntiqueWhite
var options = new ImageSaveOptions(ImageFormat.Jpeg)
{
    BackgroundColor = System.Drawing.Color.AntiqueWhite                    
};
options.PageSetup.AnyPage = new Page(new Aspose.Html.Drawing.Size(500, 250), new Margin(40, 40, 20, 20));                                     

// Convert HTML to JPG
Converter.ConvertHTML(document, options, savePath);

Para obtener más información sobre la clase ImageSaveOptions, lea el artículo Convertidores de ajuste fino.

Convierta HTML a JPG usando ImageSaveOptions

Para convertir HTML a JPG con la especificación ImageSaveOptions, debe seguir algunos pasos:

1. Cargue un archivo HTML usando uno de los constructores HTMLDocument() de la clase HTMLDocument ( color.html).
2. Cree un nuevo objeto ImageSaveOptions con JPG ImageFormat y especifique las opciones de guardado. De forma predeterminada, la propiedad Formato es PNG.
3. Utilice el método ConvertHTML() de la clase Converter para guardar HTML como una imagen JPG. Debe pasar HTMLDocument, ImageSaveOptions y la ruta del archivo de salida al método ConvertHTML() para convertir HTML a JPG.

El siguiente fragmento de código C# muestra cómo convertir HTML a JPG usando opciones de guardado personalizadas:

// Prepare a path to a source HTML file
string documentPath = Path.Combine(DataDir, "color.html");

// Prepare a path to save the converted file 
string savePath = Path.Combine(OutputDir, "color-output-options.jpg");

// Initialize an HTML document from the file
using var document = new HTMLDocument(documentPath);

// Initialize ImageSaveOptions 
var options = new ImageSaveOptions(ImageFormat.Jpeg)
{
    UseAntialiasing = true,
    HorizontalResolution = 200,
    VerticalResolution = 200,
    BackgroundColor = System.Drawing.Color.AliceBlue
};
options.PageSetup.AnyPage = new Page(new Aspose.Html.Drawing.Size(500, 500), new Margin(30, 20, 10, 10));

// Convert HTML to JPG
Converter.ConvertHTML(document, options, savePath);

El constructor ImageSaveOptions() inicializa una instancia de la clase ImageSaveOptions que se pasa al método ConvertHTML(). El método ConvertHTML() toma el document, las options, la ruta del archivo de salida savePath y realiza la operación de conversión.

En el ejemplo anterior, usamos:

• Propiedad BackgroundColor que establece el color que rellenará el fondo. El color de fondo predeterminado es transparente.
• Propiedades HorizontalResolution y VerticalResolution` que establecen la resolución horizontal/vertical para las imágenes de salida en píxeles por pulgada. De forma predeterminada, estas propiedades son 300 ppp.
• Propiedad UseAntialiasing que establece la calidad de renderizado de esta imagen. Este ejemplo utiliza UseAntialiasing = true para una representación de calidad.
• Propiedad PageSetup que especifica el page size y los margins en píxeles.

Utilice UseAntialiasing = true cuando desee mejorar la calidad visual de las formas, el texto y las imágenes renderizadas en su aplicación, especialmente cuando la claridad y los bordes suaves son esenciales. Habilitar el antialiasing suaviza los bordes irregulares mezclando los colores de los píxeles alrededor de los bordes, lo que da como resultado una apariencia más suave y refinada.

Si bien UseAntialiasing = true proporciona una mejor calidad visual, también puede aumentar el tiempo de procesamiento. Para aplicaciones donde la velocidad de renderizado es una prioridad, puede ser óptimo establecer UseAntialiasing = false.

La figura ilustra el archivo color-output-options.jpg.

Proveedores de flujo de salida – Output Stream Providers

Si es necesario guardar archivos en el almacenamiento remoto (por ejemplo, nube, base de datos, etc.), puede implementar la interfaz ICreateStreamProvider para tener control manual sobre el proceso de creación de archivos. Esta interfaz está diseñada como un objeto de devolución de llamada para crear una secuencia al comienzo del documento/página (según el formato de salida) y liberar la secuencia creada inicialmente después de renderizar el documento/página.

Aspose.HTML for .NET proporciona varios tipos de formatos de salida para operaciones de renderizado. Algunos de estos formatos producen un único archivo de salida (por ejemplo, PDF, XPS), otros crean varios archivos (formatos de imagen: JPG, PNG, etc.).

El siguiente ejemplo muestra cómo implementar y utilizar su propio MemoryStreamProvider en la aplicación:

class MemoryStreamProvider : Aspose.Html.IO.ICreateStreamProvider
{
    // List of MemoryStream objects created during the document rendering
    public List<MemoryStream> Streams { get; } = new List<MemoryStream>();

    public Stream GetStream(string name, string extension)
    {
        // This method is called when only one output stream is required, for instance for XPS, PDF or TIFF formats
        MemoryStream result = new MemoryStream();
        Streams.Add(result);
        return result;
    }

    public Stream GetStream(string name, string extension, int page)
    {
        // This method is called when the creation of multiple output streams are required. For instance, during the rendering HTML to list of image files (JPG, PNG, etc.)
        MemoryStream result = new MemoryStream();
        Streams.Add(result);
        return result;
    }

    public void ReleaseStream(Stream stream)
    {
        // Here you can release the stream filled with data and, for instance, flush it to the hard-drive
    }

    public void Dispose()
    {
        // Releasing resources
        foreach (var stream in Streams)
            stream.Dispose();
    }
}

El siguiente fragmento de código demuestra cómo convertir un archivo HTML en un archivo JPG utilizando una secuencia de memoria.

// Create an instance of MemoryStreamProvider
using var streamProvider = new MemoryStreamProvider();

// Initialize an HTML document
using var document = new HTMLDocument(@"<h1>Convert HTML to JPG File Format!</h1>", ".");

// Convert HTML to JPG using the MemoryStreamProvider
Converter.ConvertHTML(document, new ImageSaveOptions(ImageFormat.Jpeg), streamProvider);

// Get access to the memory stream that contains the result data
var memory = streamProvider.Streams.First();
memory.Seek(0, SeekOrigin.Begin);

// Flush the result data to the output file
using (FileStream fs = File.Create(Path.Combine(OutputDir, "stream-provider.jpg")))
{
    memory.CopyTo(fs);
}

Puede descargar los ejemplos completos y los archivos de datos desde GitHub.

Descargue nuestra biblioteca Aspose.HTML for .NET que le permite convertir con éxito, rápida y fácilmente sus documentos HTML, MHTML, EPUB, SVG y Markdown a los formatos más populares.

Aspose.HTML ofrece un Convertidor de HTML a JPG en línea gratuito que convierte imágenes HTML a JPG con alta calidad, fácil y rápido. ¡Simplemente cargue, convierta sus archivos y obtenga resultados en unos segundos!