Convertir HTML a GIF en C#

Usar los métodos Converter.ConvertHTML es la forma más común de convertir código HTML a varios formatos. Con Aspose.HTML for .NET, puede convertir HTML a formato GIF mediante programación con control total sobre una amplia gama de parámetros de conversión.

GIF es un formato de imagen popular que admite imágenes animadas y se utiliza con frecuencia en la publicación web. La conversión de HTML a GIF le permite guardar un documento HTML como una imagen GIF. En este artículo, encontrará información sobre cómo convertir HTML a GIF usando los métodos ConvertHTML() de la clase Converter y cómo aplicar 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 GIF mediante programación, consulte los siguientes ejemplos de código C#.

Convertir HTML a GIF

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 GIF 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 GIF. Debe pasar HTMLDocument, ImageSaveOptions y la ruta del archivo de salida al método ConvertHTML() para la conversión de HTML a GIF.

Eche un vistazo al siguiente fragmento de código C# que muestra el proceso de conversión de HTML a GIF 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.gif");

// 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.Gif);

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

Opciones de guardado – ImageSaveOptions

Aspose.HTML permite convertir HTML a GIF 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, compression level, 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.

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

Convierta HTML a GIF usando ImageSaveOptions

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

1. Cargue un archivo HTML utilizando uno de los constructores HTMLDocument() de la clase HTMLDocument.
2. Cree un nuevo objeto ImageSaveOptions con GIF 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 GIF. Debe pasar HTMLDocument, ImageSaveOptions y la ruta del archivo de salida al método ConvertHTML() para convertir HTML a GIF.

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

string documentPath = Path.Combine(OutputDir, "convert-to-gif.html");
string savePath = Path.Combine(OutputDir, "convert-to-gif-options.gif");

// Prepare HTML code and save it to a file
var code = "<h1> HTML to GIF Converter </h1>\r\n" +
           "<p> GIF is a popular image format that supports animated images and frequently used in web publishing. HTML to GIF conversion allows you to save an HTML document as a GIF image.  </p>\r\n";

File.WriteAllText(documentPath, code);

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

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

// Convert HTML to GIF
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 aplicamos:

• 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 = false para una representación más simple y orientada al rendimiento que no requiere antialiasing.
• Propiedad PageSetup que especifica el page size y los margins.

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 convert-to-gif-options.gif.

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

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