Nodejs ändert die Bildgröße

Node.js ist eine beliebte JavaScript-Programmiersprache, die äußerst flexibel und praktisch ist und zur Entwicklung verschiedener Arten von Anwendungen im Backend verwendet werden kann. Eine dieser universellen Anwendungen ist eine Online-Fotogalerie und ein Bildeditor. In diesem Fall ist die dynamische Größenänderung oder Skalierung von Bildern eine sehr häufige Aufgabe. In diesem Artikel erfahren Sie, wie Sie mit Node.js die Größe von Bildern ändern können, um sie besser an unsere Anwendungsanforderungen anzupassen.

1. Notwendige Bibliotheken installieren

Bevor wir beginnen, müssen wir einige notwendige Bibliotheken über npm installieren. Wir können vom Terminal aus in das Stammverzeichnis des Projekts gehen und den folgenden Befehl ausführen:

$ npm install sharp

sharp ist ein effizientes Node.js-Modul, das uns dies ganz einfach ermöglicht Bilder bearbeiten Bearbeitungsvorgänge wie Zuschneiden, Drehen, Skalieren usw. durchführen.

2. Implementieren der Bildzoomfunktion

Als nächstes schreiben wir Code, um die Bildzoomfunktion zu implementieren. Werfen wir einen Blick auf dieses einfache, aber leistungsstarke Programm:

const fs = require('fs');
const sharp = require('sharp');

sharp('input.jpg')
  .resize(200, 200)
  .toFile('output.jpg', (err, info) => {
    if (err) console.log(err);
    console.log(info);
  });

Hier laden wir zunächst die Datei, deren Größe wir ändern möchten (input.jpg), mithilfe des fs-Moduls. Anschließend verwenden wir die resize()-Methode des Sharp-Moduls, um die neue Bildgröße anzugeben (hier ändern wir die Bildgröße auf 200x200). Abschließend speichern wir die Ausgabedatei in „output.jpg“.

Wenn wir dieses Programm ausführen, werden einige Informationen in der Terminalausgabe ausgegeben, die wie folgt lauten:

{
  format: 'jpeg',
  width: 200,
  height: 200,
  channels: 3,
  premultiplied: false,
  size: 4370
}

Hier können wir verschiedene Attribute des Ausgabebildes sehen, Wie Format, Breite, Höhe usw.

3. Die Verwendung von Node.js zur Stapelverarbeitung von Bildern ist effizienter.

In tatsächlichen Anwendungen kann es erforderlich sein, die Größe von Bildern stapelweise zu ändern. Mit Node.js können wir eine große Anzahl von Bildern in kürzester Zeit verarbeiten. Hier ist ein Beispiel für die stapelweise Größen- und Größenänderung von Bildern:

const fs = require('fs');
const sharp = require('sharp');

const inputFolder = './input/';
const outputFolder = './output/';
const imageSize = 400;

fs.readdir(inputFolder, (err, files) => {
  if (err) console.log(err);

  files.forEach(file => {
    sharp(inputFolder + file)
      .resize(imageSize, imageSize)
      .toFile(outputFolder + 'resized_' + file, (err, info) => {
        if (err) console.log(err);
        console.log(info);
      });
  });
});

Hier geben wir zunächst den Ordner an, dessen Größe wir ändern möchten, und den neuen Ordner. Anschließend lesen wir alle Dateien in diesem Verzeichnis und hosten sie in einem Dateiarray. Als nächstes instanziieren wir ein scharfes Objekt für jede Datei und rufen die Methode resize() auf, um die neue Bildgröße anzugeben. Abschließend speichern wir die Ausgabedatei in einem neuen Verzeichnis und drucken die Ausgabe auf dem Terminal aus.

4. Bildskalierung verbessert die Anwendungsleistung

In Webanwendungen kann die dynamische Größenänderung von Bildern dazu beitragen, die Geschwindigkeit und Leistung der Anwendung zu verbessern. Wenn Ihre Anwendung das häufige Laden einer großen Anzahl von Bildern in einem Webbrowser erfordert, ist es sinnvoll, die Größe und Skalierung der Bilder an Ihr Layout und Ihren Stil anzupassen. Dadurch ist es möglich, bei Bedarf nur die Bilder, die Sie benötigen, vom Server zu übertragen, anstatt größere Bilder herunterzuladen. In diesem Fall kann das Schreiben von Anwendungen mit Node.js Ihnen dabei helfen, ein qualitativ hochwertiges Benutzererlebnis zu bieten und gleichzeitig eine gute Webseitenleistung beizubehalten.

SCHLUSSFOLGERUNG

In diesem Artikel haben wir uns eingehend damit beschäftigt, wie man mit Node.js schnell und einfach die Größe von Bildern ändert. Durch die Verwendung der beliebten Sharp-Bibliothek können wir die Größe von Bildern in kürzester Zeit einfach ändern und die Geschwindigkeit und Leistung unserer Webanwendungen erhöhen. Jetzt können Sie diese Technologien ganz einfach in Ihren Anwendungen nutzen, um ein besseres Benutzererlebnis und eine bessere Anwendungsleistung zu erzielen.

Das obige ist der detaillierte Inhalt vonNodejs ändert die Bildgröße. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!