En matière d’images Web, le format PNG est un format de référence pour sa prise en charge de la transparence et sa large compatibilité. D’autre part, le format SVG est un favori pour son évolutivité, ce qui le rend idéal pour les logos, les icônes et autres graphiques vectoriels. Malgré les nombreux avantages du SVG, il arrive parfois que la conversion de SVG en PNG soit nécessaire, notamment pour garantir la compatibilité entre différentes plates-formes et différents appareils. Dans cet article de blog, nous vous guiderons tout au long du processus de conversion de graphiques SVG au format PNG à l’aide de Node.js.

Convertir SVG en PNG à l'aide de Node.js (niveaux de gris, rotation, retournement, filigrane lumineux)

API Node.js pour convertir des images

GroupDocs fournit une API de conversion puissante qui permet aux développeurs de convertir des formats d’image et de manipuler les images résultantes pendant le processus de conversion. L’API prend en charge un large éventail d’options avancées, ce qui en fait un excellent choix pour la conversion de SVG en PNG dans Node.js. Nous utiliserons GroupDocs.Conversion for Node.js pour cette tâche.

Pour commencer, vous pouvez installer GroupDocs.Conversion for Node.js en exécutant la commande suivante dans votre projet :

npm i @groupdocs/groupdocs.conversion

Pour plus de détails, consultez la documentation et la Référence API.

Convertir une image SVG en PNG à l’aide de Node.js

Commençons par convertir des graphiques vectoriels SVG au format PNG en utilisant les paramètres par défaut. Les étapes suivantes décrivent comment convertir une image SVG en PNG à l’aide de Node.js.

  • Chargez le fichier SVG à l’aide de la classe Converter.
  • Configurer les options de conversion.
  • Spécifiez le format de sortie comme PNG.
  • Appelez la méthode convert() avec les options préparées.

Voici le code Node.js qui convertit le SVG en PNG :

// Convertissez un fichier SVG au format PNG à l'aide de l'API de conversion Node.js avec les options par défaut
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions()

convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png)
converter.convert("path/converted-svg-to-png.png", convertOptions)

Conversion avancée de SVG en PNG avec Node.js

GroupDocs.Conversion for Node.js propose une variété d’options de personnalisation que vous pouvez appliquer à la sortie PNG pendant le processus de conversion. Ces options incluent :

  • Réglage de la luminosité
  • Réglage du contraste
  • Correction gamma
  • Conversion en niveaux de gris
  • Retournement horizontal ou vertical
  • Angles de rotation
  • Dimensions d’image personnalisées (hauteur et largeur)
  • Ajout de filigrane

Voyons comment vous pouvez appliquer ces options avancées lors de la conversion SVG en PNG dans Node.js.

  • Chargez le fichier SVG à l’aide de la classe Converter.
  • Configurer les options de conversion d’image.
  • Spécifiez le format de sortie comme PNG.
  • Définissez les personnalisations, telles que la luminosité, la rotation ou toute autre disponible.
  • Appelez la méthode convert() pour générer le PNG.

Voici le code Node.js qui applique certaines de ces options avancées :

// Convertissez le vecteur SVG au format PNG avec Node.js en utilisant diverses personnalisations

const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions();

convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png);
convertOptions.setFlipMode(groupdocs.conversion.ImageFlipModes.FlipY);
convertOptions.setBrightness(50);
convertOptions.setContrast(50);
convertOptions.setGamma(0.5);
convertOptions.setGrayscale(true);
convertOptions.setHorizontalResolution(300);
convertOptions.setVerticalResolution(100);
convertOptions.setPageNumber(1);
convertOptions.setPagesCount(2);

converter.convert("path/converted-svg-to-png.png", convertOptions)

Essayez la conversion SVG en PNG en ligne GRATUITEMENT

Vous avez besoin d’une solution rapide et facile pour convertir des fichiers SVG en PNG ? Utilisez ce convertisseur en ligne gratuit SVG en PNG. Il est accessible depuis n’importe quel appareil doté d’un navigateur Web, ce qui le rend pratique et sans tracas.

Convertissez un document Word en PDF à l'aide de Node.js.

Obtenez une licence API gratuite

Vous pouvez obtenir une licence temporaire gratuite pour GroupDocs.Conversion, vous permettant d’utiliser l’API sans limitations d’évaluation.

Conclusion

Dans cet article, nous avons exploré comment convertir des graphiques vectoriels SVG en images PNG à l’aide de Node.js avec GroupDocs.Conversion for Node.js. Nous avons également montré comment vous pouvez améliorer le processus de conversion en appliquant des personnalisations telles que la rotation, les niveaux de gris, le filigrane, les réglages de luminosité, etc. Ces fonctionnalités avancées vous permettent d’adapter la sortie PNG à vos besoins exacts.

Pour plus d’exemples, consultez le référentiel GitHub GroupDocs, où vous trouverez divers exemples de code pour vous aider à créer votre propre convertisseur SVG en PNG. Si vous avez des questions, n’hésitez pas à nous contacter via le forum.

Voir aussi