Wenn es um Webbilder geht, ist PNG aufgrund seiner Transparenzunterstützung und umfassenden Kompatibilität das bevorzugte Format. SVG hingegen ist aufgrund seiner Skalierbarkeit beliebt und eignet sich daher ideal für Logos, Symbole und andere vektorbasierte Grafiken. Trotz der vielen Vorteile von SVG ist es manchmal notwendig, SVGs in PNGs zu konvertieren, insbesondere um die Kompatibilität zwischen verschiedenen Plattformen und Geräten sicherzustellen. In diesem Blogbeitrag führen wir Sie durch den Prozess der Konvertierung von SVG-Grafiken in das PNG-Format mithilfe von Node.js.

Konvertieren Sie SVG mit Node.js in PNG (Graustufen, Drehen, Spiegeln, helles Wasserzeichen)

Node.js API zum Konvertieren von Bildern

GroupDocs bietet eine leistungsstarke Conversion API, mit der Entwickler Bildformate konvertieren und die resultierenden Bilder während des Konvertierungsprozesses bearbeiten können. Die API unterstützt eine breite Palette erweiterter Optionen und ist daher eine gute Wahl für die Konvertierung von SVG in PNG in Node.js. Wir werden für diese Aufgabe GroupDocs.Conversion for Node.js verwenden.

Um zu beginnen, können Sie GroupDocs.Conversion for Node.js installieren, indem Sie den folgenden Befehl in Ihrem Projekt ausführen:

npm i @groupdocs/groupdocs.conversion

Weitere Einzelheiten finden Sie in der Dokumentation und der API-Referenz.

Konvertieren Sie SVG mit Node.js in ein PNG bild

Beginnen wir mit der Konvertierung von SVG-Vektorgrafiken in das PNG-Format unter Verwendung der Standardeinstellungen. Die folgenden Schritte beschreiben, wie Sie ein SVG bild mit Node.js in PNG konvertieren.

  • Laden Sie die SVG-Datei mit der Converter Klasse.
  • Richten Sie die Konvertierungsoptionen ein.
  • Geben Sie das Ausgabeformat als PNG an.
  • Rufen Sie die Methode convert() mit den vorbereiteten Optionen auf.

Hier ist der Node.js-Code, der SVG in PNG konvertiert:

// Konvertieren Sie die SVG-Datei mithilfe der Node.js-Konvertierungs-API mit Standardoptionen in das PNG-Format
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)

Erweiterte SVG zu PNG-Konvertierung mit Node.js

GroupDocs.Conversion for Node.js bietet eine Vielzahl von Anpassungsoptionen, die Sie während des Konvertierungsprozesses auf die PNG-Ausgabe anwenden können. Zu diesen Optionen gehören:

  • Helligkeitsanpassung
  • Kontrasteinstellung
  • Gammakorrektur
  • Graustufenkonvertierung
  • Horizontale oder vertikale Spiegelung
  • Drehwinkel
  • Benutzerdefinierte Bildabmessungen (Höhe und Breite)
  • Wasserzeichen hinzufügen

Sehen wir uns an, wie Sie diese erweiterten Optionen bei der Konvertierung von SVG in PNG in Node.js anwenden können.

  • Laden Sie die SVG-Datei mit der Converter Klasse.
  • Richten Sie die Bildkonvertierungsoptionen ein.
  • Geben Sie das Ausgabeformat als PNG an.
  • Definieren Sie die Anpassungen, wie beispielsweise Helligkeit, Drehung oder alle anderen verfügbaren Einstellungen.
  • Rufen Sie die Methode convert() auf, um das PNG zu generieren.

Hier ist der Node.js-Code, der einige dieser erweiterten Optionen anwendet:

// Konvertieren Sie SVG-Vektoren mit Node.js unter Verwendung verschiedener Anpassungen in das PNG-Format

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)

Probieren Sie die SVG zu PNG-Konvertierung online KOSTENLOS aus

Brauchen Sie eine schnelle und einfache Lösung, um SVG Dateien in PNG umzuwandeln? Nutzen Sie diesen kostenlosen Online-SVG zu PNG-Konverter. Er ist von jedem Gerät mit einem Webbrowser aus zugänglich, was die Arbeit bequem und unkompliziert macht.

Konvertieren Sie Word Dokumente mit Node.js in PDF.

Holen Sie sich eine kostenlose API Lizenz

Sie können eine kostenlose temporäre Lizenz für GroupDocs.Conversion erhalten, die es Ihnen ermöglicht, die API ohne Evaluierungsbeschränkungen zu verwenden.

Abschluss

In diesem Beitrag haben wir untersucht, wie man SVG-Vektorgrafiken mit Node.js und GroupDocs.Conversion for Node.js in PNG bilder umwandelt. Wir haben auch gezeigt, wie Sie den Konvertierungsprozess verbessern können, indem Sie Anpassungen wie Drehung, Graustufen, Wasserzeichen, Helligkeitsanpassungen und mehr anwenden. Mit diesen erweiterten Funktionen können Sie die PNG-Ausgabe genau an Ihre Anforderungen anpassen.

Weitere Beispiele finden Sie im GroupDocs GitHub-Repository, wo Sie verschiedene Codebeispiele finden, die Ihnen beim Erstellen Ihres eigenen SVG zu PNG-Konverters helfen. Wenn Sie Fragen haben, können Sie uns gerne über das Forum erreichen.

Siehe auch