Convert SVG to Images in C# – JPG, PNG, WebP, BMP, TIFF, and GIF

To convert SVG to PNG, JPG, WebP, BMP, TIFF, or GIF in C#, load the SVG with SVGDocument, configure ImageSaveOptions, set the output Format when needed, and call Converter.ConvertSVG(). Use RenderTo() with ImageDevice when you need explicit rendering control.

In the article, you will find information on how to convert SVG to Image file formats such as JPG, PNG, WebP, BMP, TIFF, and GIF. Image file conversion is required for website developing, graphic designers acting, photography, and other purposes. The choice of the image format depends on whether you print it in polygraphy, send it by e-mail or put an image on a webpage.

The article provides a general description of the conversion features of Aspose.SVG for .NET and describes supported scenarios of SVG to Image conversions by using Converter and SVGDocument classes. For the complete conversion map, see Convert SVG Files in C# and Supported File Formats.

SVG to Image Conversion Methods

Aspose.SVG for .NET supports direct conversion and rendering-device workflows. Both approaches can produce raster output, but they fit different application designs.

Scenario	Recommended API	Why use it
Convert an SVG file, stream, URL, or document to an image	`Converter.ConvertSVG()` with `ImageSaveOptions`	Best default choice for common SVG to PNG, JPG, WebP, BMP, TIFF, or GIF conversion.
Render an existing document through an image device	`SVGDocument.RenderTo()` with `ImageDevice` and `ImageRenderingOptions`	Useful when your application already controls rendering devices or needs explicit rendering setup.
Set image format, background, page size, resolution, antialiasing, or TIFF compression	`ImageSaveOptions` or `ImageRenderingOptions`	These options control raster output without modifying the source SVG.
Convert SVG in web, batch, or cloud workflows	`SVGDocument` plus stream-based input and output	Helps avoid unnecessary temporary files and makes error handling easier.

Which Image Format Should You Choose?

Output format	Best for	Notes
PNG	Icons, UI graphics, screenshots, graphics that need transparency	Lossless output and transparent backgrounds are common reasons to choose PNG.
JPG/JPEG	Photos or SVG content with embedded photographic images	Does not preserve transparency; set `BackgroundColor` when converting transparent SVG content. See Change SVG Background Color.
WebP	Web delivery where smaller raster files are preferred	Good for web-oriented output when the consuming environment supports WebP.
BMP	Simple uncompressed raster output	Usually large files; rarely the best choice for web delivery.
TIFF	Print, scanning, archiving, and multi-tool publishing workflows	Use compression settings when file size matters.
GIF	Simple indexed-color output and legacy web workflows	Not a replacement for SVG animation rendering; use it when GIF is required by downstream systems.

Online SVG Converter

You can convert SVG to images and other popular formats in any way – online or programmatically. Check the Aspose.SVG API functionality and convert SVG in real-time! Please load SVG from the local file system, select the output format and run the example. In the example, the save options are set by default. You will immediately receive the result as a separate file.

If you want to convert SVG to image formats programmatically, please see the following conversion scenarios and C# examples.

Convert SVG to JPG

JPG is one of the most commonly used image formats. Its uniqueness is the controlled quality loss during compression. So it is widely used for storing and sending over the web graphic digital content (photos, scanned copies, digitized pictures). With Aspose.SVG, you can convert SVG to JPG, SVG to PNG, SVG to BMP, SVG to GIF or SVG to TIFF format programmatically with full control over a wide range of conversion parameters.

Using the ConvertSVG() Method

Using ConvertSVG() methods is the most common way to convert SVG to various popular formats. The following code snippet shows how to convert SVG to JPG:

Open a source SVG document ( owl-edited.svg).
Create an instance of the ImageSaveOptions class.
Use the ConvertSVG() method to convert and save SVG as a JPG file.

1using System.IO;
2using Aspose.Svg.Saving;
3using Aspose.Svg.Converters;
4using Aspose.Svg.Rendering.Image;

 1// Convert SVG to JPG in C# using ImageSaveOptions
 2
 3// Initialize an SVG document from a file
 4using (SVGDocument document = new SVGDocument(Path.Combine(DataDir, "owl-edited.svg")))
 5{
 6    // Initialize ImageSaveOptions
 7    ImageSaveOptions saveOptions = new ImageSaveOptions(ImageFormat.Jpeg);
 8
 9    // Convert SVG to JPG
10    Converter.ConvertSVG(document, saveOptions, Path.Combine(OutputDir, "owl-edited.jpg"));
11}

Example-ConvertSvgToJpg.cs hosted with ❤ by GitHub

The figure illustrates the owl-edited.jpg file.

owl-edited.svg file rendered to JPG

In the article Edit SVG Using CSS Selectors, you can see C# examples of how the original owl.svg file was edited using CSS selectors.

Using the RenderTo() Method

Consider how to convert a document from SVG to JPG using RenderTo() method:

Open a source SVG document ( owl.svg).
Use the ImageRenderingOptions() constructor and specify rendering options of the document.
Create a new instance of the ImageDevice class – the output device.
Convert the document by RenderTo() method.

The following example shows how to apply the Format and UseAntialiasing properties for SVG to JPG converting:

1using Aspose.Svg;
2using System.IO;
3using Aspose.Svg.Rendering;
4using Aspose.Svg.Rendering.Image;

 1// Render SVG to JPEG in C# with and without antialiasing
 2
 3// Initialize an SVG document from a file
 4using (SVGDocument document = new SVGDocument(Path.Combine(DataDir, "owl.svg")))
 5{
 6    // Set Format and UseAntialiasing for jpgOptions1
 7    ImageRenderingOptions jpegOptions1 = new ImageRenderingOptions(ImageFormat.Jpeg);
 8    jpegOptions1.UseAntialiasing = true;
 9
10    // Set Format and UseAntialiasing for jpgOptions2
11    ImageRenderingOptions jpegOptions2 = new ImageRenderingOptions(ImageFormat.Jpeg);
12    jpegOptions2.UseAntialiasing = false;
13
14    // Initialize an instance of the ImageDevice class
15    using (IDevice device = new ImageDevice(jpegOptions1, Path.Combine(OutputDir, "owl_out1.jpg")))
16    {
17        // Render SVG to JPG
18        document.RenderTo(device);
19    }
20    using (IDevice device = new ImageDevice(jpegOptions2, Path.Combine(OutputDir, "owl_out2.jpg")))
21    {
22        document.RenderTo(device);
23    }
24}

Example-ConvertSvgToJpgUsingRenderToMethod.cs hosted with ❤ by GitHub

The ImageRenderingOptions() constructor initializes an instance of the ImageRenderingOptions class that is passed to the ImageDevice() constructor. The ImageDevice(options, file) constructor takes the options, file and creates the instance of the ImageDevice class. The RenderTo(device) method takes the instance of the ImageDevice class and renders SVG to JPG.

The ImageRenderingOptions class provides numerous properties that give you full control over a wide range of parameters and improve the process of converting SVG to JPG format. The Format property sets the image format. By default, this property is Png. To convert SVG to JPG, you have to use ImageFormat.Jpeg.

The resulting images fragments

In the example above, we convert the SVG file owl.svg to JPG with different UseAntialiasing values. The figure illustrates zoomed (250%) JPG images fragments: a) The value of UseAntialiasing is true ; b) The value of UseAntialiasing is false.

Use UseAntialiasing = true when you want to improve the visual quality of rendered shapes, text, and images in your application, especially when clarity and smooth edges are essential. Enabling antialiasing smooths out jagged edges by blending the colors of pixels around the edges, resulting in a softer, more refined look.

While UseAntialiasing = true provides better visual quality, it can also increase processing time. For applications where rendering speed is a priority, it may be optimal to set UseAntialiasing = false.

ImageSaveOptions Class

Aspose.SVG allows converting SVG to Image file formats using default or custom save options. ImageSaveOptions usage enables you to customize the rendering process. For example, you can specify the image format, page size, margins, background color, 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, WebP, 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 specifies whether to use antialiasing. By default, antialiasing is enabled.
Text	Gets a TextOptions object which is used for configuration of text rendering.

Note: The options that are implementing with the ImageSaveOptions class are inheriting from the ImageRenderingOptions class.

Convert SVG to PNG

PNG format uses a lossless compression algorithm to store raster images. It supports only the RGB color model and does not design for images print. PNG widely takes to transmit pictures over the network and display photos and graphics on web-pages and cloud drive repositories.

Using the ConvertSVG() Method

The following code snippet shows how to prepare an SVG file from scratch and convert it to PNG:

Prepare SVG code and save it to a file.
Create an instance of the ImageSaveOptions class.
Use the ConvertSVG() method to convert and save SVG as a PNG file.

The following example shows how to use ImageSaveOptions and convert SVG to PNG with custom save options:

1using Aspose.Svg;
2using System.IO;
3using Aspose.Svg.Saving;
4using Aspose.Svg.Converters;

 1// Convert SVG to PNG in C# with a custom background color
 2
 3// Prepare SVG code and save it to a file
 4string code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
 5              "<circle cx='100' cy='150' r='50' stroke='#2F4F4F' stroke-width='4' fill='#FF7F50' />" +
 6              "<circle cx='180' cy='200' r='60' stroke='#2F4F4F' stroke-width='4' fill='#008B8B' />" +
 7              "</svg>";
 8File.WriteAllText("example.svg", code);
 9
10// Initialize an SVG document from the file
11using (SVGDocument document = new SVGDocument("example.svg"))
12{
13    // Initialize an instance of the ImageSaveOptions class and set the BackgroundColor property
14    ImageSaveOptions saveOptions = new ImageSaveOptions();
15    saveOptions.BackgroundColor = System.Drawing.Color.Gainsboro;
16
17    // Convert SVG to PNG
18    Converter.ConvertSVG(document, saveOptions, Path.Combine(OutputDir, "output.png"));
19}

Example-ConvertSvgToPngWithImageSaveOptions.cs hosted with ❤ by GitHub

In the example, the ImageSaveOptions() constructor initializes an instance of ImageSaveOptions class that is passed to ConvertSVG() method. The ConvertSVG() method takes the document, saveOptions, and output file path and performs the SVG to PNG conversion.

Note: We do not specify the Format property for the conversion to PNG. The ImageSaveOptions() constructor takes Png as the default image format.

Using the RenderTo() Method

Let’s consider how to convert SVG to PNG using RenderTo() method:

Initialize a document using one of the SVGDocument() constructors ( snowflake.svg).
Produce an instance of the ImageRenderingOptions class.
Create a new instance of the ImageDevice class.
Convert SVG to PNG using the RenderTo(device) method.

1using Aspose.Svg;
2using System.IO;
3using Aspose.Svg.Rendering;
4using Aspose.Svg.Rendering.Image;

 1// Render SVG to PNG in C# using ImageDevice
 2
 3// Prepare a path to a source SVG file
 4string documentPath = Path.Combine(DataDir, "snowflake.svg");
 5
 6// Initialize an SVG document from the file
 7using (SVGDocument document = new SVGDocument(documentPath))
 8{
 9    // Create the ImageDevice, set image Format and specify an output file to render
10    using (IDevice device = new ImageDevice(new ImageRenderingOptions(), Path.Combine(OutputDir, "snowflake.png")))
11    {
12        // Render SVG to PNG
13        document.RenderTo(device);
14    }
15}

Example-ConvertSvgToPngViaRenderToMethod.cs hosted with ❤ by GitHub

The figure illustrates the snowflake.png file.

snowflake.svg file rendered to PNG

Convert SVG to BMP

BMP image files save their image quality and store color data for each pixel without any compression, but large file sizes make them unsuitable for use on the web. This format is also not suitable for prepress production because it is limited to RGB.

Aspose.SVG API can convert a document from SVG to BMP save format using several stages:

Open the source SVG document ( conclusion.svg).
Use the ImageRenderingOptions() constructor and specify the Format property of the document.
Create a new instance of the ImageDevice class.
Convert the document by RenderTo() method.

1using Aspose.Svg;
2using System.IO;
3using Aspose.Svg.Rendering;
4using Aspose.Svg.Rendering.Image;

 1// Convert SVG to BMP in C# using ImageDevice
 2
 3// Open a source SVG document
 4using (SVGDocument document = new SVGDocument(documentPath))
 5{
 6    // Create ImageDevice, set image Format and specify an output file to render
 7    using (IDevice device = new ImageDevice(new ImageRenderingOptions(ImageFormat.Bmp), Path.Combine(OutputDir, "conclusion_out.bmp")))
 8    {
 9        // Render SVG to BMP
10        document.RenderTo(device);
11    }
12}

Example-ConvertSvgToBmp.cs hosted with ❤ by GitHub

Convert SVG to TIFF

TIFF is a format for storing raster graphics images with a broad palette of colors. TIFF is supported by scanning, faxing, word processing, optical character recognition, image manipulation, and page-layout applications. It is widely used for polygraphy and magazine offset printing.

Aspose.SVG API can convert a document from SVG to TIFF save format using several stages:

Open a source SVG document ( conclusion.svg).
Use the ImageRenderingOptions() constructor and specify Format and other properties of the document.
Create a new instance of the ImageDevice class.
Convert the document by RenderTo() method.

1using Aspose.Svg;
2using System.IO;
3using Aspose.Svg.Rendering;
4using Aspose.Svg.Rendering.Image;

 1// Convert SVG to TIFF in C# with custom settings
 2
 3// Open a source SVG document
 4using (SVGDocument document = new SVGDocument(Path.Combine(DataDir, "conclusion.svg")))
 5{
 6    // Initialize an instance of the ImageRenderingOptions class and set the Format and Compression properties
 7    ImageRenderingOptions tiffOptions = new ImageRenderingOptions(ImageFormat.Tiff);
 8    tiffOptions.Compression = Compression.None;
 9
10    // Initialize an instance of the ImageDevice class and specify an output file to render
11    using (IDevice device = new ImageDevice(tiffOptions, Path.Combine(OutputDir, "conclusion.tiff")))
12    {
13        // Render SVG to TIFF
14        document.RenderTo(device);
15    }
16}

Example-ConvertSvgToTiff.cs hosted with ❤ by GitHub

The ImageRenderingOptions class provides numerous properties that give you full control over a wide range of parameters and improve the process of converting SVG to TIFF format. For example,the Compression property allows setting the compression for the TIFF file format. In the example above, we put Compression.None.

Convert SVG to GIF

GIF is a popular image format that supports animated images and is frequently used in web publishing. The following code snippet shows how to convert SVG to GIF using Aspose.SVG for .NET API:

Open a source SVG document ( owl.svg).
Create an instance of the ImageSaveOptions class and specify Format and other save options.
Use the ConvertSVG() method to save SVG as a GIF file.

The following example shows how to use the ImageSaveOptions and create the output image with custom PageSetup characteristics:

1using Aspose.Svg;
2using System.IO;
3using Aspose.Svg.Drawing;
4using Aspose.Svg.Saving;
5using Aspose.Svg.Converters;
6using Aspose.Svg.Rendering.Image;

 1// Convert SVG to GIF in C# with custom settings
 2
 3// Initialize an SVG document from a file
 4using (SVGDocument document = new SVGDocument(Path.Combine(DataDir, "owl.svg")))
 5{
 6    // Initialize an instance of the ImageSaveOptions class and set the PageSetup property
 7    ImageSaveOptions saveOptions = new ImageSaveOptions(ImageFormat.Gif);
 8    saveOptions.PageSetup.AnyPage = new Page(new Drawing.Size(400, 600), new Margin(20, 20, 20, 20));
 9
10    // Convert SVG to GIF
11    Converter.ConvertSVG(document, saveOptions, Path.Combine(OutputDir, "owl.gif"));
12}

Example-ConvertSvgToGif.cs hosted with ❤ by GitHub

Convert SVGZ to PNG in C#

SVGZ is a compressed SVG file, not a separate drawing model. Aspose.SVG for .NET can load .svgz files with SVGDocument; after that, you can render the document to PNG with the same ImageSaveOptions and Converter.ConvertSVG() workflow used for SVG:

1using Aspose.Svg;
2using Aspose.Svg.Converters;
3using Aspose.Svg.Saving;
4
5using (var document = new SVGDocument("input.svgz"))
6{
7    var options = new ImageSaveOptions();
8    Converter.ConvertSVG(document, options, "output.png");
9}

PNG is the default image format for ImageSaveOptions, so the Format property is not required for SVGZ to PNG conversion. Use this workflow when you need thumbnails, raster previews, or web images from compressed SVG assets. If you need editable markup before rendering, see Convert SVGZ to SVG in C#.

Practical Recommendations

When you convert SVG to raster images in a production .NET application, define the output format, dimensions, resolution, background, and resource access explicitly. This helps keep thumbnails, previews, reports, and web images consistent across local development, servers, and containers.

Production task	Recommendation
Generate web thumbnails	Use PNG or WebP, set `PageSetup`, and choose a predictable background for transparent SVG content. See Resizing a Document During Conversion from SVG.
Convert uploaded SVG files	Load from a stream or controlled storage, validate the SVG, and write the output image to application-managed storage. See Create, Load and Read SVG Files in C#.
Preserve transparency	Choose PNG or WebP and keep `BackgroundColor` transparent. Avoid JPG when transparency must be preserved. For element opacity and transparent export workflows, see SVG Opacity and Transparent Colors in C#.
Produce JPG output from transparent SVG	Set `BackgroundColor` because JPG does not support alpha transparency.
Process many SVG files	Dispose `SVGDocument` instances, handle errors per file, and avoid keeping large SVG or raster outputs in memory longer than needed.
Keep text output stable	Ensure required fonts are available or embedded. Missing fonts can change text metrics and final image layout. See Work with SVG Fonts and Text in C#.

Common Mistakes and Fixes

Problem	Common cause	Fix
Output image has the wrong size	The SVG has no clear `width`, `height`, or `viewBox`, or output page setup is missing	Define SVG dimensions or set `PageSetup` in `ImageSaveOptions` or `ImageRenderingOptions`. See SVG viewBox and Resize Document.
Transparent SVG becomes black, white, or unexpected in JPG	JPG does not support transparency	Use PNG/WebP for transparency or set `BackgroundColor` before saving as JPG. See SVG Opacity and Transparent Colors in C#.
Lines or text look jagged	Antialiasing is disabled or output resolution is too low	Use `UseAntialiasing = true` and set suitable horizontal and vertical resolution. See SVG Rendering Quality and Output Consistency.
External images, fonts, or CSS are missing	Referenced resources are unavailable during conversion	Use accessible resource paths, embed assets, or configure the runtime environment so dependencies can be resolved. See Fix SVG Styling and Font Issues in C#.
TIFF files are too large	Uncompressed TIFF output or high-resolution raster content	Configure TIFF `Compression`, review the required output resolution, and optimize the source SVG where possible. See Optimizing SVG Files for Web and Performance.
Output differs between developer machine and server	Fonts, file paths, or resource access differ by environment	Configure fonts and resource locations consistently for Windows, Linux, Docker, and cloud deployments. See Environment Configuration.

FAQ

Can I convert an SVG created or edited in memory? Yes. Create or update an SVGDocument, configure ImageSaveOptions, and pass the document instance to Converter.ConvertSVG(). This is useful when you edit SVG elements, styles, or colors before rendering the final image.

Can I change SVG content before rendering it as an image? Yes. You can update the SVG DOM first, for example with CSS selectors, then render the modified document. See Edit SVG Using CSS Selectors in C# and Modify SVG Styles Programmatically in C#.

Does SVG to image conversion preserve vector data? No. PNG, JPG, WebP, BMP, TIFF, and GIF are raster outputs. The result is pixel-based image data. If you need to keep editable vector markup, save the document as SVG or use SVGZ compression instead.

Can I use the same code in a server application? Yes. Server applications usually load SVG from a file, stream, URL, or generated string, then write the rendered image to application-managed storage. Configure fonts, resource paths, and output dimensions explicitly for consistent results.

Where should I start if the rendered image looks different from the source SVG? Check dimensions, viewBox, fonts, linked resources, CSS, background color, and antialiasing. The Common Mistakes and Fixes table above links to the most relevant troubleshooting articles.

Related Resources

Convert SVG Files in C# – start with the main conversion overview.
Convert SVG to PDF in C# – create PDF output instead of raster images.
Convert SVG to XPS in C# – render SVG to XPS.
Convert Image to SVG in C# – vectorize raster images back to SVG.
Convert SVG to SVGZ in C# – compress SVG files for web delivery.
Convert SVGZ to SVG in C# – decompress SVGZ when you need editable SVG markup before rendering.
Edit SVG Using CSS Selectors in C# – update SVG content before conversion.
Modify SVG Styles Programmatically in C# – normalize fills, CSS, and inline styles before rendering.
Aspose.SVG.Drawing.SkiaSharp Rendering – use the SkiaSharp-based drawing backend where appropriate.

You can try our free online SVG to JPG Converter that works with high quality, easy and fast. Just upload, convert your files and get results in a few seconds!

Convert SVG to XPS Convert Image to SVG