Convertir SVG en image, JPG, PNG, BMP, TIFF et GIF en utilisant C#

Dans l’article, vous trouverez des informations sur la façon de convertir SVG en formats de fichier image tels que JPG, PNG, BMP, TIFF, et GIF. La conversion de fichiers image est requise pour le développement de sites Web, les graphistes agissant, la photographie et à d’autres fins. Le choix du format de l’image dépend si vous l’imprimez en polygraphie, l’envoyez par e-mail ou mettez une image sur une page Web.

L’article fournit une description générale des fonctionnalités de conversion d’Aspose.SVG .NET et décrit les scénarios pris en charge pour les conversions SVG en image à l’aide des classes Converter et SVGDocument.

Convertisseur SVG en ligne

Vous pouvez convertir SVG en images et autres formats populaires de n’importe quelle manière – en ligne ou par programme. Vérifiez la fonctionnalité de l’API Aspose.SVG et convertissez SVG en temps réel ! Veuillez charger SVG à partir du système de fichiers local, sélectionner le format de sortie et exécuter l’exemple. Dans l’exemple, les options de sauvegarde sont définies par défaut. Vous recevrez immédiatement le résultat dans un fichier séparé.

Si vous souhaitez convertir SVG en formats d’image par programme, veuillez consulter les scénarios de conversion et les exemples C# suivants.

Convertir SVG en JPG

JPG est l’un des formats d’image les plus couramment utilisés. Sa particularité réside dans la perte de qualité contrôlée lors de la compression. Il est donc largement utilisé pour stocker et envoyer sur le Web du contenu numérique graphique (photos, copies numérisées, images numérisées). Avec Aspose.SVG, vous pouvez convertir par programmation le format SVG en JPG, SVG en PNG, SVG en BMP, SVG en GIF ou SVG en TIFF avec un contrôle total sur un large éventail de paramètres de conversion.

Utilisation de la méthode ConvertSVG()

L’utilisation des méthodes ConvertSVG() est le moyen le plus courant de convertir SVG en divers formats populaires. L’extrait de code suivant montre comment convertir SVG en JPG :

• Ouvrir un document SVG source ( owl-edited.svg).
• Créez une instance de la classe ImageSaveOptions.
• Utilisez la méthode ConvertSVG() pour convertir et enregistrer SVG en tant que fichier JPG.

using Aspose.Svg;
using System.IO;
using Aspose.Svg.Saving;
using Aspose.Svg.Converters;
using Aspose.Svg.Rendering.Image;
...

	// Initialize an SVG document from a file
    using (var document = new SVGDocument(Path.Combine(DataDir, "owl-edited.svg")))
    {
        // Initialize ImageSaveOptions 
        var saveOptions = new ImageSaveOptions(ImageFormat.Jpeg);

        // Convert SVG to JPG
        Converter.ConvertSVG(document, saveOptions, Path.Combine(OutputDir, "owl-edited.jpg"));
    }

La figure illustre le fichier Owl-edited.jpg.

Dans l’article Navigation & Inspection SVG, vous pouvez voir des exemples C# de la façon dont le fichier owl.svg original a été modifié à l’aide du sélecteur CSS.

Utilisation de la méthode RenderTo()

Considérez comment convertir un document SVG en JPG à l’aide de la méthode RenderTo() :

• Ouvrir un document SVG source ( owl.svg).
• Utilisez le constructeur ImageRenderingOptions() et spécifiez les options de rendu du document.
• Créez une nouvelle instance de la classe ImageDevice – le périphérique de sortie.
• Convertissez le document par la méthode RenderTo().

L’exemple suivant montre comment appliquer les propriétés Format et SmoothingMode pour la conversion SVG en JPG:

using Aspose.Svg;
using System.IO;
using Aspose.Svg.Rendering;
using Aspose.Svg.Rendering.Image;
using System.Drawing.Drawing2D;
...

    // Initialize an SVG document from a file
    using (var document = new SVGDocument(Path.Combine(DataDir, "owl.svg")))
    {
        // Set Format and SmoothingMode for jpgOptions1
        var jpegOptions1 = new ImageRenderingOptions(ImageFormat.Jpeg);
        jpegOptions1.SmoothingMode = SmoothingMode.AntiAlias;

        // Set Format and SmoothingMode for jpgOptions2
        var jpegOptions2 = new ImageRenderingOptions(ImageFormat.Jpeg);
        jpegOptions2.SmoothingMode = SmoothingMode.Default;

        // Initialize an instance of the ImageDevice class and specify the output file to render
        using (IDevice device = new ImageDevice(jpegOptions1, Path.Combine(OutputDir, "owl_out1.jpg")))
        {
            // Render SVG to JPG
            document.RenderTo(device);
        }
        using (IDevice device = new ImageDevice(jpegOptions2, Path.Combine(OutputDir, "owl_out2.jpg")))
        {
            document.RenderTo(device);
        }
    }

Le constructeur ImageRenderingOptions() initialise une instance de la classe ImageRenderingOptions qui est transmise au constructeur ImageDevice(). Le constructeur ImageDevice(options, file) prend les options, file et crée l’instance de la classe ImageDevice. La méthode RenderTo(device) prend l’instance de la classe ImageDevice et restitue SVG en JPG. La classe ImageRenderingOptions fournit de nombreuses propriétés qui vous donnent un contrôle total sur un large éventail de paramètres et améliorent le processus de conversion du format SVG au format JPG. La propriété Format définit le format de l’image. Par défaut, cette propriété est Png. Pour convertir SVG en JPG, vous devez utiliser ImageFormat.Jpeg.

Dans l’exemple ci-dessus, nous convertissons le fichier SVG owl.svg en JPG avec différentes valeurs SmoothingMode. La figure illustre des fragments d’images JPG zoomés (250 %) : a) La valeur de SmoothingMode est AntiAlias ; b) La valeur de SmoothingMode est Default.

Vous pouvez télécharger les exemples complets et les fichiers de données depuis GitHub. À propos du téléchargement depuis GitHub et de l’exécution d’exemples, vous le découvrirez dans la section Comment exécuter les exemples.

Save Options

Aspose.SVG permet de convertir les formats de fichier SVG en image à l’aide d’options de sauvegarde par défaut ou personnalisées. L’utilisation de ImageSaveOptions vous permet de personnaliser le processus de rendu. Par exemple, vous pouvez spécifier le format de l’image, la taille de la page, les marges, la couleur d’arrière-plan, 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.
SmoothingMode	This property sets the rendering quality for this image. Available values are Invalid, Default, HighSpeed, HighQuality, None, and AntiAlias.
Text	Gets a TextOptions object which is used for configuration of text rendering.

Remarque : Les options implémentées avec la classe ImageSaveOptions héritent de la classe ImageRenderingOptions.

Convertir SVG en PNG

Le format PNG utilise un algorithme de compression sans perte pour stocker les images raster. Il prend uniquement en charge le modèle de couleur RGB et ne permet pas l’impression d’images. PNG est largement utilisé pour transmettre des images sur le réseau et afficher des photos et des graphiques sur des pages Web et des référentiels cloud.

Utilisation de la méthode ConvertSVG()

L’extrait de code suivant montre comment préparer un fichier SVG à partir de zéro et le convertir en PNG :

• Préparez le code SVG et enregistrez-le dans un fichier.
• Créez une instance de la classe ImageSaveOptions.
• Utilisez la méthode ConvertSVG() pour convertir et enregistrer SVG en tant que fichier PNG.

L’exemple suivant montre comment utiliser ImageSaveOptions et convertir SVG en PNG avec des options de sauvegarde personnalisées :

using Aspose.Svg;
using System.IO;
using System.Drawing;
using Aspose.Svg.Saving;
using Aspose.Svg.Converters;
...

    // Prepare SVG code and save it to a file
    var code = "<svg xmlns='https://www.w3.org/2000/svg'>" +
               "<circle cx='100' cy='150' r='50' stroke='#2F4F4F' stroke-width='4' fill='#FF7F50' />" +
               "<circle cx='180' cy='200' r='60' stroke='#2F4F4F' stroke-width='4' fill='#008B8B' />" +
               "</svg>";
    File.WriteAllText("example.svg", code);

    // Initialize an SVG document from the file
    using (var document = new SVGDocument("example.svg"))
    {
        // Initialize an instance of the ImageSaveOptions class and set the BackgroundColor property
        var saveOptions = new ImageSaveOptions();
        saveOptions.BackgroundColor = Color.Gainsboro;

        // Convert SVG to PNG
        Converter.ConvertSVG(document, saveOptions, Path.Combine(OutputDir, "output.png"));
    }

Dans l’exemple, le constructeur ImageSaveOptions() initialise une instance de la classe ImageSaveOptions qui est transmise à la méthode ConvertSVG(). La méthode ConvertSVG() prend le chemin du « document », des « saveOptions » et du fichier de sortie et effectue la conversion SVG en PNG.

Remarque : Nous ne spécifions pas la propriété Format pour la conversion en PNG. Le constructeur ImageSaveOptions() prend Png comme format d’image par défaut.

Utilisation de la méthode RenderTo()

Voyons comment convertir SVG en PNG à l’aide de la méthode RenderTo() :

• Initialiser un document à l’aide d’un des constructeurs SVGDocument() ( snowflake.svg).
• Produire une instance de la classe ImageRenderingOptions.
• Créez une nouvelle instance de la classe ImageDevice.
• Convertissez SVG en PNG en utilisant la méthode RenderTo(device).

using Aspose.Svg;
using System.IO;
using Aspose.Svg.Rendering;
using Aspose.Svg.Rendering.Image;
...

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

    // Initialize an SVG document from a file
    using (var document = new SVGDocument(documentPath))
    {
        // Create the ImageDevice, set image Format and specify output file to render
        using (IDevice device = new ImageDevice(new ImageRenderingOptions(), Path.Combine(OutputDir, "snowflake.png")))
        {
            // Render SVG to PNG
            document.RenderTo(device);
        }
    }

Le constructeur ImageRenderingOptions() initialise une instance de la classe ImageRenderingOptions qui est transmise au constructeur ImageDevice(). Le constructeur ImageDevice(options, file) prend les options, file et crée l’instance de la classe ImageDevice. La méthode RenderTo(device) prend l’instance de la classe ImageDevice et restitue le SVG en PNG.

La figure illustre le fichier snowflake.png.

Convertir SVG en BMP

Les fichiers image BMP enregistrent leur qualité d’image et stockent les données de couleur pour chaque pixel sans aucune compression, mais les fichiers de grande taille les rendent impropres à une utilisation sur le Web. Ce format n’est pas non plus adapté à la production prépresse car il est limité au RGB.

L’API Aspose.SVG peut convertir un document du format de sauvegarde SVG au format de sauvegarde BMP en plusieurs étapes :- Ouvrez le document SVG source ( conclusion.svg).

• Utilisez le constructeur ImageRenderingOptions() et spécifiez la propriété Format du document.
• Créez une nouvelle instance de la classe ImageDevice.
• Convertissez le document par la méthode RenderTo().

using Aspose.Svg;
using System.IO;
using Aspose.Svg.Rendering;
using Aspose.Svg.Rendering.Image;
...

    // Open a source SVG document
     using (var document = new SVGDocument(Path.Combine(DataDir, "conclusion.svg")))
    {
       // Create ImageDevice, set image Format and specify the output file to render
       using (IDevice device = new ImageDevice(new ImageRenderingOptions(ImageFormat.Bmp), Path.Combine(OutputDir, "conclusion_out.bmp")))
       {
           // Render SVG to BMP
    	   document.RenderTo(device);
       }
    }

Le constructeur ImageRenderingOptions() initialise une instance de la classe ImageRenderingOptions qui est transmise au constructeur ImageDevice(). Le constructeur ImageDevice(options, file) prend les options, file et crée l’instance de la classe ImageDevice. La méthode RenderTo(device) prend l’instance de la classe ImageDevice et restitue le SVG en BMP.

Convertir SVG en TIFF

TIFF est un format de stockage d’images graphiques raster avec une large palette de couleurs. TIFF est pris en charge par les applications de numérisation, de télécopie, de traitement de texte, de reconnaissance optique de caractères, de manipulation d’images et de mise en page. Il est largement utilisé pour la polygraphie et l’impression offset de magazines.

L’API Aspose.SVG peut convertir un document du format de sauvegarde SVG au format TIFF en plusieurs étapes :

• Ouvrir un document SVG source ( conclusion.svg).
• Utilisez le constructeur ImageRenderingOptions() et spécifiez Format et d’autres propriétés du document.
• Créez une nouvelle instance de la classe ImageDevice.
• Convertissez le document par la méthode RenderTo().

using Aspose.Svg;
using System.IO;
using Aspose.Svg.Rendering;
using Aspose.Svg.Rendering.Image;
...

    // Open a source SVG document
    using (var document = new SVGDocument(Path.Combine(DataDir, "conclusion.svg")))
    {
        // Initialize an instance of the ImageRenderingOptions class and set Format and Compression properties
        var tiffOptions = new ImageRenderingOptions(ImageFormat.Tiff);
        tiffOptions.Compression = Compression.None;

        // Initialize an instance of the ImageDevice class and specify the output file to render
        using (IDevice device = new ImageDevice(tiffOptions, Path.Combine(OutputDir, "conclusion.tiff")))
        {
            // Render SVG to TIFF
            document.RenderTo(device);
        }
    }

Le constructeur ImageRenderingOptions() initialise une instance de la classe ImageRenderingOptions qui est transmise au constructeur ImageDevice(). Le constructeur ImageDevice(options, file) prend les options, file et crée l’instance de la classe ImageDevice. La méthode RenderTo(device) prend l’instance de la classe ImageDevice et restitue le SVG au format TIFF.

La classe ImageRenderingOptions fournit de nombreuses propriétés qui vous donnent un contrôle total sur un large éventail de paramètres et améliorent le processus de conversion du format SVG au format TIFF. Par exemple, la propriété Compression permet de définir la compression pour le format de fichier TIFF. Dans l’exemple ci-dessus, nous mettons « Compression.None ».

Convertir SVG en GIF

GIF est un format d’image populaire qui prend en charge les images animées et est fréquemment utilisé dans la publication Web. L’extrait de code suivant montre comment convertir SVG en GIF à l’aide d’Aspose.SVG pour l’API .NET :

• Ouvrir un document SVG source ( owl.svg).
• Créez une instance de la classe ImageSaveOptions et spécifiez Format et d’autres options de sauvegarde.
• Utilisez la méthode ConvertSVG() pour enregistrer SVG en tant que fichier GIF.

L’exemple suivant montre comment utiliser ImageSaveOptions et créer l’image de sortie avec des caractéristiques PageSetup personnalisées :

using Aspose.Svg;
using System.IO;
using Aspose.Svg.Drawing;
using Aspose.Svg.Saving;
using Aspose.Svg.Converters;
using Aspose.Svg.Rendering.Image;
...

    // Initialize an SVG document from a file
    using (var document = new SVGDocument(Path.Combine(DataDir, "owl.svg")))
    {
        // Initialize an instance of the ImageSaveOptions class and set PageSetup property
        var saveOptions = new ImageSaveOptions(ImageFormat.Gif);
        saveOptions.PageSetup.AnyPage = new Page(new Drawing.Size(400, 600), new Margin(20, 20, 20, 20));
        
        // Convert SVG to GIF
        Converter.ConvertSVG(document, saveOptions, Path.Combine(OutputDir, "owl.gif"));
    }

Vous pouvez essayer notre Convertisseur SVG en JPG gratuit en ligne qui fonctionne de haute qualité, facilement et rapidement. Téléchargez, convertissez vos fichiers et obtenez des résultats en quelques secondes!