Convert SVG to BMP | C#

BMP files represent Bitmap Image files that are used to store high-quality bitmap digital images. With Aspose.HTML, you can convert SVG to BMP format programmatically with full control over a wide range of conversion parameters. In this article, you find information about converting SVG to BMP using ConvertSVG() methods of the Converter class, and how to apply ImageSaveOptions. Also, you can try an Online SVG Converter to test the Aspose.HTML API functionality and convert SVG on the fly.

Online SVG Converter

You can convert SVG to other formats with Aspose.HTML API in real time. Please load SVG from the local file system, select the output format and run the example. The save options are set by default. You will immediately receive the conversion result as a separate file.

Code example in C# to convert document formats
Input file
Upload a file you want to convert
Output format
Select the target format

If you want to convert SVG to BMP image programmatically, please see the following C# code examples.

SVG to BMP by a single line of code

The static methods of the Converter class are primarily used as the easiest way to convert an SVG file into various formats. You can convert SVG to BMP in your C# application literally with a single line of code!

In the following example, we take an SVG file in a local file system (shapes.svg), convert and save it in the local file system.

using System.IO;
using Aspose.Html.Converters;
using Aspose.Html.Rendering.Image;
using Aspose.Html.Saving;
...
     // Invoke the ConvertSVG method for SVG to BMP conversion          
     Converter.ConvertSVG(Path.Combine(DataDir, "shapes.svg"), new ImageSaveOptions(ImageFormat.Bmp), Path.Combine(OutputDir, "convert-with-single-line.bmp"));

Convert SVG to BMP

Converting a file to another format using the ConvertSVG() method is a sequence of operations among which document loading and saving. In the following example, we create an SVG file from code.

  1. Prepare code for an SVG document.
  2. Create a new ImageSaveOptions object with BMP ImageFormat. By default, the Format property is PNG.
  3. Use the ConvertSVG(content, baseUri, options, outputPath) method of the Converter class to save SVG as a BMP image.

Please take a look over the following C# code snippet which shows the process of converting SVG to BMP using Aspose.HTML for .NET.

using System.IO;
using Aspose.Html.Converters;
using Aspose.Html.Rendering.Image;
using Aspose.Html.Saving;
...
    // Prepare SVG code 
    var code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
               "<circle cx ='100' cy ='100' r ='50' fill='none' stroke='red' stroke-width='10' />" +
               "</svg>";

    // Prepare a path for converted file saving 
    string savePath = Path.Combine(OutputDir, "circle.bmp");
    
    // Initialize ImageSaveOptions 
    var options = new ImageSaveOptions(ImageFormat.Bmp);
    
    // Convert SVG to BMP
    Converter.ConvertSVG(code, ".", options, savePath);

Convert SVG to BMP using ImageSaveOptions

To convert SVG to BMP with ImageSaveOptions specifying, you should follow a few steps:

  1. Load an SVG file using one of the SVGDocument() constructors of the SVGDocument class. (flower1.svg).
  2. Create a new ImageSaveOptions object with BMP ImageFormat and specify save options. By default, the Format property is PNG.
  3. Use the ConvertSVG() method to save SVG as a BMP image. You need to pass the SVGDocument, ImageSaveOptions, and output file path to the ConvertSVG() method to convert SVG to BMP.

The following C# code snippet shows how to convert SVG to BMP using custom save options:

using System.IO;
using Aspose.Html.Dom.Svg;
using Aspose.Html.Converters;
using Aspose.Html.Rendering.Image;
using Aspose.Html.Saving;
using System.Drawing;
using System.Drawing.Drawing2D;
...
    // Prepare a path to a source SVG file
    string documentPath = Path.Combine(DataDir, "flower1.svg");

    // Prepare a path for converted file saving 
    string savePath = Path.Combine(OutputDir, "flower-options.bmp");
    
    // Initialize an SVG document from the file
    using var document = new SVGDocument(documentPath);
    
    // Initialize ImageSaveOptions. Set up the SmoothingMode, resolutions, and change the background color to AliceBlue 
    var options = new ImageSaveOptions(ImageFormat.Bmp)
    {
        HorizontalResolution = 200,
        VerticalResolution = 200,
        BackgroundColor = Color.AliceBlue,
        SmoothingMode = SmoothingMode.HighQuality
    };           
    
    // Convert SVG to BMP
    Converter.ConvertSVG(document, options, savePath);

The ImageSaveOptions() constructor initializes an instance of the ImageSaveOptions class that is passed to ConvertSVG() method. The ConvertSVG() method takes the document, options, output file path savePath and performs the conversion operation.

In the above example, we use:

  • BackgroundColor property that sets the color that will fill the background. The default BackgroundColor is Transparent;
  • HorizontalResolution and VerticalResolution properties that set horizontal/vertical resolution for output images in pixels per inch. By default, these properties are 300 dpi;
  • SmoothingMode property that sets the rendering quality for this image.

The ImageSaveOptions class provides numerous properties that give you full control over a wide range of parameters and improve the process of converting SVG to Image formats. Among these properties, SmoothingMode that enables you to set the rendering quality for the image. Available values are Invalid, Default, HighSpeed, HighQuality, None, and AntiAlias. You can select any value, considering the advantages and disadvantages of each one. To learn more about ImageSaveOptions, please read the Fine-Tuning Converters article.

The figure illustrates the fragment of the flower-options.bmp file.

Text ““flower-options” image”

Text “Banner SVG to BMP Converter”