Convert SVG to GIF – C# code and Online Converter
GIF is a popular image format that is frequently used in web publishing. With Aspose.HTML, you can convert SVG to GIF format programmatically with full control over a wide range of conversion parameters. In this article, you find information on how to convert SVG to GIF by using ConvertSVG() methods of the Converter class and how to apply ImageSaveOptions. Also, you can try 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.
If you want to convert SVG to GIF image programmatically, please see the following C# code examples.
SVG to GIF 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 GIF 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.
1using System.IO;
2using Aspose.Html.Converters;
3using Aspose.Html.Rendering.Image;
4using Aspose.Html.Saving;
5...
6 // Invoke the ConvertSVG() method for SVG to GIF conversion
7 Converter.ConvertSVG(Path.Combine(DataDir, "shapes.svg"), new ImageSaveOptions(ImageFormat.Gif), Path.Combine(OutputDir, "convert-with-single-line.gif"));
Convert SVG to GIF
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.
- Prepare code for an SVG document.
- Create a new ImageSaveOptions object with GIF ImageFormat. By default, the Format property is PNG.
- Use the
ConvertSVG(
content
,baseUri
,options
,outputPath
) method of the Converter class to save SVG as a GIF image.
Please take a look over the following C# code snippet which shows the process of converting SVG to GIF using Aspose.HTML for .NET.
1using System.IO;
2using Aspose.Html.Converters;
3using Aspose.Html.Rendering.Image;
4using Aspose.Html.Saving;
5...
6 // Prepare SVG code
7 var code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
8 "<circle cx ='100' cy ='100' r ='55' fill='none' stroke='red' stroke-width='8' />" +
9 "</svg>";
10
11 // Prepare a path for converted file saving
12 string savePath = Path.Combine(OutputDir, "circle.gif");
13
14 // Initialize ImageSaveOptions
15 var options = new ImageSaveOptions(ImageFormat.Gif);
16
17 // Convert SVG to GIF
18 Converter.ConvertSVG(code, ".", options, savePath);
You can download the complete examples and data files from GitHub.
Convert SVG to GIF using ImageSaveOptions
To convert SVG to GIF with ImageSaveOptions specifying, you should follow a few steps:
- Load an SVG file using one of the SVGDocument() constructors of the SVGDocument class. ( gradient.svg).
- Create a new ImageSaveOptions object with GIF ImageFormat and specify save options. By default, the Format property is PNG.
- Use the ConvertSVG() method to save SVG as a GIF image. You need to pass the SVGDocument, ImageSaveOptions, and output file path to the ConvertSVG() method to convert SVG to GIF.
The following C# code snippet shows how to convert SVG to GIF using custom save options:
1using System.IO;
2using Aspose.Html.Dom.Svg;
3using Aspose.Html.Converters;
4using Aspose.Html.Rendering.Image;
5using Aspose.Html.Saving;
6using System.Drawing;
7...
8 // Prepare a path to a source SVG file
9 string documentPath = Path.Combine(DataDir, "gradient.svg");
10
11 // Prepare a path for converted file saving
12 string savePath = Path.Combine(OutputDir, "gradient-options.gif");
13
14 // Initialize an SVG document from the file
15 using var document = new SVGDocument(documentPath);
16
17 // Initialize ImageSaveOptions. Set up the SmoothingMode, resolutions, and change the background color to AliceBlue
18 var options = new ImageSaveOptions(ImageFormat.Gif)
19 {
20 SmoothingMode = SmoothingMode.HighQuality,
21 HorizontalResolution = 200,
22 VerticalResolution = 200,
23 BackgroundColor = System.Drawing.Color.AliceBlue
24 };
25
26 // Convert SVG to GIF
27 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 example, we use:
- SmoothingMode property that sets the rendering quality for this image.
- 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.
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. To learn more about ImageSaveOptions, please read the Fine-Tuning Converters article.
The figure illustrates the fragment of the gradient-options.gif file.
Check the quality of SVG to GIF conversion with our online SVG to GIF Converter. Upload, convert your files and get results in a few seconds. Try our forceful SVG to GIF Converter for free now!
You can download the complete examples and data files from GitHub.