Convertir SVG a PNG en C#

El formato de archivo PNG admite la compresión de imágenes sin pérdidas, lo que lo hace popular entre sus usuarios. Tiene dos usos principales: la World Wide Web y la edición de imágenes. Es muy necesario transmitir imágenes a través de la red, mostrar fotografías y gráficos en páginas web y guardarlas en almacenamientos en la nube. Existen algunas restricciones en el uso de SVG en páginas web, por lo que a veces es necesaria la conversión de SVG a PNG. Con Aspose.HTML, puede convertir formato SVG a PNG mediante programación con control total sobre una amplia gama de parámetros de conversión.

En este artículo, encontrará información sobre la conversión de SVG a PNG utilizando los métodos ConvertSVG() de la clase Converter y aplicando los parámetros ImageSaveOptions y ICreateStreamProvider. Además, puede probar un convertidor SVG en línea para probar la funcionalidad API Aspose.HTML y convertir SVG sobre la marcha.

Convertidor SVG en línea

Puede convertir SVG a otros formatos con la API Aspose.HTML en tiempo real. Cargue SVG desde el sistema de archivos local, seleccione el formato de salida y ejecute el ejemplo. Las opciones de guardado están configuradas de forma predeterminada. Recibirá inmediatamente el resultado de la conversión como un archivo separado.

Si desea convertir una imagen SVG a PNG mediante programación, consulte los siguientes ejemplos de código C#.

SVG a PNG 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 un archivo SVG a varios formatos. ¡Puedes convertir SVG a PNG en tu aplicación C# literalmente con una sola línea de código!

En el siguiente ejemplo, tomamos un archivo SVG en un sistema de archivos local ( shapes.svg), lo convertimos y lo guardamos en el sistema de archivos local.

// Invoke the ConvertSVG() method for SVG to PNG conversion
Converter.ConvertSVG(Path.Combine(DataDir, "shapes.svg"), new ImageSaveOptions(), Path.Combine(OutputDir, "convert-with-single-line.png"));

Convertir SVG a PNG

Convertir un archivo a otro formato utilizando el método ConvertSVG() es una secuencia de operaciones entre las que se incluyen cargar y guardar documentos. En el siguiente ejemplo, creamos un archivo SVG a partir de código.

1. Prepare el código para un documento SVG.
2. Cree un nuevo objeto ImageSaveOptions. De forma predeterminada, la propiedad Formato es PNG.
3. Utilice el método ConvertSVG(content, baseUri, options, outputPath) de la clase Converter para guardar SVG como una imagen PNG.

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

// Prepare SVG code
var code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
           "<circle cx ='100' cy ='100' r ='60' fill='none' stroke='red' stroke-width='10' />" +
           "</svg>";

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "circle.png");

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

// Convert SVG to PNG
Converter.ConvertSVG(code, ".", options, savePath);

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

Opciones de guardado – ImageSaveOptions

Aspose.HTML permite convertir SVG a PNG usando opciones de guardado predeterminadas o personalizadas. El uso de ImageSaveOptions le permite personalizar el proceso de renderizado. Puede especificar el formato de la imagen, el tamaño de la página, los márgenes, el color de fondo, 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.

Convierta SVG a PNG usando ImageSaveOptions

Para convertir SVG a PNG especificando ImageSaveOptions, debe seguir algunos pasos:

1. Cargue un archivo SVG usando uno de los constructores SVGDocument() de la clase SVGDocument. ( flor1.svg).
2. Cree un nuevo objeto ImageSaveOptions y especifique las opciones de guardado. De forma predeterminada, la propiedad Formato es PNG.
3. Utilice el método ConvertSVG() para guardar SVG como una imagen PNG. Debe pasar SVGDocument, ImageSaveOptions y la ruta del archivo de salida al método ConvertSVG() para convertir SVG a PNG.

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

// Prepare a path to a source SVG file
string documentPath = Path.Combine(DataDir, "flower1.svg");

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

// Initialize an SVG document from the file
using var document = new SVGDocument(documentPath);

// Create an instance of the ImageSaveOptions class. Set up the SmoothingMode, resolutions, and change the background color to AliceBlue 
var options = new ImageSaveOptions()
{
    HorizontalResolution = 200,
    VerticalResolution = 200,
    BackgroundColor = System.Drawing.Color.AliceBlue,
    UseAntialiasing = true,
};            

// Convert SVG to PNG
Converter.ConvertSVG(document, options, savePath);

El constructor ImageSaveOptions() inicializa una instancia de la clase ImageSaveOptions que se pasa al método ConvertSVG(). El método ConvertSVG() 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.

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 fragmento del archivo flower-options.png.

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 código C# demuestra cómo utilizar la clase MemoryStreamProvider y la biblioteca Aspose.HTML for .NET para convertir SVG a PNG y guardar el resultado en un archivo.

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

// Prepare SVG code
var code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
           "<circle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='red' />" +
           "</svg>";

// Convert SVG to PNG using the MemoryStreamProvider
Converter.ConvertSVG(code, ".", new ImageSaveOptions(), 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.png")))
{
    memory.CopyTo(fs);
}

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

Compruebe la calidad de la conversión de SVG a PNG con nuestro Convertidor de SVG a PNG en línea. Sube, convierte tus archivos y obtén resultados en unos segundos. ¡Pruebe nuestro contundente conversor de SVG a PNG gratis ahora!

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.

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