Jak konwertować plik obrazu JPG na plik obrazu PNG za pomocą węzła.JS

Jednym ze sposobów nauki każdego języka programowania jest opracowanie małych projektów lub innymi słowy eksperymenty. Z pewnością możesz znaleźć narzędzia online, które przekonwertują obraz JPG na obraz PNG, ale nie chcemy tego robić jako programista. Chcemy dowiedzieć się, w jaki sposób ten proces automatyzacji jest wykonywany - proces przekształcania JPG w PNG za pomocą kawałka kodu - i właśnie to zrobimy dzisiaj za pomocą dzisiaj NodeJS

W tym samouczku nauczysz się, jak konwertować obrazy z JPG na PNG i PNG na format JPG za pomocą węzła JS „Jimp” pakiet.

Co to jest „jimp”?

Jimp to biblioteka przetwarzania obrazu oparta na JavaScript bez natywnych zależności. Umożliwia wykonanie wielu niesamowitych rzeczy ze zdjęciami w prosty sposób.

Instalowanie pakietu Jimp

Ponieważ Jimp jest pakietem węzłów, musisz mieć zainstalowany węzeł w systemie, aby zainstalować dowolny pakiet, taki jak Jimp.

Najpierw zainstaluj węzeł w systemie, a następnie zainstaluj pakiet JIMP przed użyciem, w przeciwnym razie wyjątek z MSG „Nie można znaleźć modułu„ Jimp ”, zostanie wygenerowane w konsoli.

Aby go zainstalować, możesz użyć poleceń NPM lub YARN:

Aby zainstalować JIMP za pomocą Menedżera pakietów NPM, wykonaj polecenie:

$ npm instaluj jimp

Lub jeśli chcesz zainstalować „Jimp” za pomocą przędzy, wykonaj polecenie:

$ przędza dodaj jimp

Teraz możesz napisać kod, aby wykonać konwersję.

Przekształcanie z JPG na PNG

Zacznijmy od przekształcenia .plik jpg do a.Format PNG.

Upewnij się, że plik obrazu znajduje się u podstaw katalogu projektu

Najpierw zaimportuj pakiet „Jimp” w pliku JS i przypisz go do dowolnej zmiennej, takiej jak „Jimp”.

const jimp = wymaga („jimp”)

Następnie, aby przekonwertować zdjęcie na żądany typ pliku PNG, użyj Jimp.Czytać() metoda.

Jimp.Czytać() jest zależny od dwóch argumentów, jeden to ścieżka pliku obrazu, a druga to funkcja wywołania zwrotnego, która zwraca przekonwertowany plik obrazu lub błąd.

Kompletne Jimp.Czytać() Metoda by się tak:

Jimp.Przeczytaj („Obraz.jpg ", (błąd, plik) =>
if (błąd)
konsola.log (błąd.wiadomość)
w przeciwnym razie
plik.Napisz („New-Image.png ")

)

Po napisaniu całego tego kodu, wykonajmy go i zobaczmy wyniki.

Spójrz na fragment poniżej, nie ma 'nowy wygląd.png ' W katalogu:

Teraz, kiedy uruchomię skrypt, utworzy to "nowy wygląd.PNG ” Plik w tym samym katalogu.

Czy to ma sens? Fajny! Teraz przejdźmy do następnej części i spróbuj przekonwertować plik PNG na plik JPG w przykładzie.

PNG do konwersji JPG

Aby przekonwertować plik JPG na plik PNG, nie musimy niczego zmieniać w Jimp.Metoda read () zamiast dostarczać plik PNG.

const jimp = wymaga („jimp”)
Jimp.Przeczytaj („Obraz.png ", (błąd, plik) =>
if (błąd)
konsola.Log (błąd)
w przeciwnym razie
plik.Napisz („New-Image.jpg ")

)

Jak widać, nie ma „New-Image-2.JPG ” Plik w katalogu. Dlaczego nie spróbować go uruchomić, aby zbadać dane wyjściowe.

Po uruchomieniu skryptu Jimp automatycznie wygeneruje „New-Image-2.JPG ” Plik w tym samym katalogu.

Wniosek

Węzeł.JS używa pakietu o nazwie Jimp do konwersji pliku JPG w format PNG. Po prostu zaimportuj Jimp pakować i wywołać metodę odczytu na JIMP za pomocą Jimp.Czytać. Jimp.Czytać() Metoda przyjmuje dwa argumenty, jeden jako nazwa pliku, a drugi argument to funkcja wywołania zwrotnego, która obsługuje odpowiedź funkcji. W tym artykule omówiliśmy, w jaki sposób możemy przekonwertować JPG na PNG i PNG na JPG.