I denne opplæringen lærer du hvordan du konverterer bilder fra JPG til PNG og PNG til JPG -format ved å bruke Node JS “Jimp” pakke.
Hva er "Jimp"?
Jimp er et JavaScript-basert bildebehandlingsbibliotek uten innfødte avhengigheter. Det lar deg utføre mange fantastiske ting med bilder på en enkel måte.
Installere JIMP -pakken
Siden JIMP er en nodepakke, må du ha noden installert i systemet ditt for å installere hvilken som helst pakke som JIMP.
Først må du installere node på systemet ditt, og etter det installerer Jimp -pakken før du bruker den, ellers vil unntaket med MSG “ikke finne modulen 'Jimp'" genereres i konsollen.
Du kan bruke NPM- eller garn -kommandoer for å installere det:
For å installere JIMP ved hjelp av NPM Package Manager, utfør kommandoen:
$ npm installer jimp
Eller hvis du vil installere “Jimp” ved hjelp av garn, utfør kommandoen:
$ garn legg til jimp
Nå er du klar til å skrive litt kode for å utføre konverteringen.
Konvertering fra JPG til PNG
La oss starte med å konvertere en .JPG -fil til en.PNG -format.
Forsikre deg om at bildefilen er plassert i roten til prosjektkatalogen din
Importer først "Jimp" -pakken i JS -filen din og tilordner den til en hvilken som helst variabel som "JIMP".
const jimp = krever ("jimp")Etter det, for å konvertere bildet til ønsket PNG -filtype, bruk Jimp.lese() metode.
De Jimp.lese() er avhengig av to argumenter, den ene er banen til bildefilen og den andre er tilbakeringingsfunksjonen som returnerer den konverterte bildefilen eller feilen.
Det komplette Jimp.lese() Metoden vil gå slik:
Jimp.Les ("Bilde.jpg ", (feil, fil) =>Etter å ha skrevet alt dette kodestykket, la oss utføre det og se resultatene.
Ta en titt på utdraget nedenfor, det er ingen 'Nyttbilde.png ' I katalogen:
Nå når jeg kjører skriptet, vil dette lage en “Nyttbilde.PNG ” fil i samme katalog.
Gir det mening? Kul! La oss nå flytte til neste del og prøve å konvertere en PNG -fil til JPG -fil i et eksempel.
PNG til JPG -konvertering
For å konvertere en JPG -fil til en PNG -fil, trenger vi ikke å endre noe i JIMP.Les () Metode i stedet for å tilby PNG -filen.
const jimp = krever ("jimp")Som du ser er det ingen “New-Image-2.JPG ” fil i katalogen. Hvorfor ikke prøve å kjøre den for å undersøke utgangen.
Etter å ha kjørt skriptet, vil Jimp automatisk generere “New-Image-2.JPG ” fil i samme katalog.
Konklusjon
Node.JS bruker en pakke som heter Jimp For å konvertere JPG -filen til PNG -format. Bare importer Jimp pakke og ring lesemetoden på JIMP ved å bruke Jimp.lese. De Jimp.lese() Metoden tar to argumenter, en som navnet på filen og det andre argumentet er tilbakeringingsfunksjonen som håndterer responsen til funksjonen. I denne artikkelen har vi diskutert hvordan vi også kan konvertere en JPG til PNG og PNG til JPG.