Wie konvertieren Sie eine JPG -Bilddatei mit dem Knoten in PNG -Bilddatei in die PNG -Bilddatei.JS

Eine der Möglichkeiten, eine Programmiersprache zu lernen, besteht darin, kleine Projekte zu entwickeln oder mit anderen Worten Experimentieren. Sicherlich finden Sie Online -Tools, mit denen ein JPG -Bild in ein PNG -Bild umwandelt werden, aber wir möchten das nicht als Programmierer tun. Was wir wollen, ist zu erfahren, wie dieser Automatisierungsprozess durchgeführt wird - der Prozess des Konvertierens eines JPG in PNG mit einem Code - und genau das werden wir heute verwenden Nodejs

In diesem Tutorial lernen Sie, wie Sie Bilder von JPG in PNG und PNG in das JPG -Format konvertieren, indem Sie den Knoten JS verwenden "Jimp" Paket.

Was ist "Jimp"?

JIMP ist eine JavaScript-basierte Bildverarbeitungsbibliothek ohne native Abhängigkeiten. Es ermöglicht es Ihnen, auf einfache Weise viele erstaunliche Dinge mit Fotos auszuführen.

Installieren von JIMP -Paket

Da JIMP ein Knotenpaket ist, müssen Sie einen Knoten in Ihrem System installieren lassen, um ein beliebiges Paket wie JIMP zu installieren.

Installieren Sie zunächst den Knoten in Ihrem System und installieren Sie das JIMP -Paket vor der Verwendung, da ansonsten die Ausnahme mit dem MSG "Modul" JIMP nicht finden "in der Konsole generiert wird.

Sie können entweder die Befehle von NPM oder Garn verwenden, um es zu installieren:

Führen Sie den Befehl aus, um JIMP mit dem NPM -Paket -Manager zu installieren:

$ npm JIMP installieren

Oder wenn Sie mit Garn "JIMP" installieren möchten, führen Sie den Befehl aus:

$ marns jimp hinzufügen

Jetzt sind Sie bereit, einen Code zu schreiben, um die Konvertierung durchzuführen.

Konvertierung von JPG zu PNG

Beginnen wir damit, a zu konvertieren .JPG -Datei zu a.PNG -Format.

Stellen Sie sicher, dass sich die Bilddatei am Root Ihres Projektverzeichnisses befindet

Importieren Sie zunächst das "JIMP" -Paket in Ihre JS -Datei und weisen Sie es jeder Variablen wie "JIMP" zu.

const jimp = fordert ("jimp")

Danach verwenden Sie das Bild in den gewünschten PNG -Dateityp, verwenden Sie die Jimp.lesen() Methode.

Der Jimp.lesen() hängt von zwei Argumenten ab, einer ist der Pfad der Bilddatei und zweiter die Rückruffunktion, die die konvertierte Bilddatei oder die konvertierte Bilddatei oder den Fehler zurückgibt.

Das Ganze Jimp.lesen() Methode würde so laufen:

Jimp.lesen ("Bild.JPG ", (Fehler, Datei) =>
if (Fehler)
Konsole.Protokoll (Fehler.Nachricht)
anders
Datei.schreibe ("New-Image.png ")

)

Lassen Sie uns nach dem Schreiben all dieser Code ihn ausführen und die Ergebnisse sehen.

Schauen Sie sich den Snippet unten an, es gibt keine 'neues Bild.png ' im Verzeichnis:

Wenn ich jetzt das Skript ausführe, wird dies eine erstellen "neues Bild.PNG ” Datei im selben Verzeichnis.

Ist das sinnvoll? Cool! Wechseln Sie nun zum nächsten Teil und versuchen Sie, eine PNG -Datei in ein Beispiel in eine JPG -Datei umzuwandeln.

PNG zu JPG -Konvertierung

Um eine JPG -Datei in eine PNG -Datei umzuwandeln, müssen wir nichts im JIMP ändern.Read () Methode anstatt die PNG -Datei bereitzustellen.

const jimp = fordert ("jimp")
Jimp.lesen ("Bild.PNG ", (Fehler, Datei) =>
if (Fehler)
Konsole.Protokoll (Fehler)
anders
Datei.schreibe ("New-Image.JPG ")

)

Wie Sie sehen können, gibt es keine „New-Image-2.JPG ” Datei im Verzeichnis. Warum nicht versuchen, es auszuführen, um die Ausgabe zu untersuchen.

Nach dem Ausführen des Skripts generiert JIMP automatisch die „New-Image-2.JPG ” Datei im selben Verzeichnis.

Abschluss

Knoten.JS verwendet ein Paket mit dem Namen Jimp Zum Konvertieren der JPG -Datei in das PNG -Format. Einfach die importieren Jimp Paket und rufen Sie die Lesemethode auf JIMP mit der Verwendung an Jimp.lesen. Der Jimp.lesen() Die Methode nimmt zwei Argumente ein, eine als Name der Datei und das zweite Argument ist die Rückruffunktion, die die Antwort der Funktion übernimmt. In diesem Artikel haben wir diskutiert, wie wir ein JPG auch in PNG und PNG in JPG konvertieren können.