Nodejs가 이미지 크기를 변경합니다.

Node.js는 매우 유연하고 실용적이며 백엔드에서 다양한 종류의 애플리케이션을 개발하는 데 사용할 수 있는 인기 있는 JavaScript 프로그래밍 언어입니다. 이러한 보편적인 응용 프로그램 중 하나는 온라인 사진 갤러리 및 사진 편집기입니다. 이 경우 이미지의 크기를 동적으로 조정하거나 크기를 조정하는 것은 매우 일반적인 작업입니다. 이 기사에서는 Node.js를 사용하여 애플리케이션 요구 사항에 더 잘 맞도록 이미지 크기를 조정하는 방법을 살펴보겠습니다.

1. 필요한 라이브러리 설치

시작하기 전에 npm을 통해 필요한 라이브러리를 설치해야 합니다. 터미널에서 프로젝트 루트 디렉터리에 들어가서 다음 명령을 실행할 수 있습니다.

$ npm install sharp

sharp는 자르기, 회전, 크기 조정 및 기타 작업과 같은 이미지를 쉽게 처리할 수 있는 효율적인 Node.js 모듈입니다.

2. 이미지 확대 기능 구현

다음으로 이미지 확대/축소 기능을 구현하는 코드를 작성하겠습니다. 이 간단하면서도 강력한 프로그램을 살펴보겠습니다.

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);
  });

여기서는 먼저 fs 모듈을 사용하여 크기를 조정하려는 파일(input.jpg)을 로드합니다. 그런 다음 Sharp 모듈의 resize() 메서드를 사용하여 새 이미지 크기를 지정합니다(여기서는 이미지 크기를 200x200으로 변경합니다). 마지막으로 출력 파일을 output.jpg에 저장합니다.

이 프로그램을 실행하면 다음과 같은 일부 정보가 터미널 출력에 인쇄됩니다.

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

여기에서 형식, 너비, 높이 등과 같은 출력 이미지의 다양한 속성을 볼 수 있습니다.

3. Node.js를 사용하여 이미지를 일괄 처리하는 것이 더 효율적입니다.

실제 애플리케이션에서는 일괄적으로 이미지 크기를 조정해야 할 수도 있습니다. Node.js를 사용하면 최소한의 시간에 많은 수의 이미지를 처리할 수 있습니다. 다음은 이미지의 일괄 크기 조정 및 크기 조정에 대한 예입니다.

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);
      });
  });
});

여기서는 먼저 크기를 조정하려는 폴더와 새 폴더를 지정합니다. 그런 다음 해당 디렉터리의 모든 파일을 읽고 이를 파일 배열로 호스팅합니다. 다음으로, 각 파일에 대해 날카로운 개체를 인스턴스화하고 resize() 메서드를 호출하여 새 이미지 크기를 지정합니다. 마지막으로 출력 파일을 새 디렉터리에 저장하고 출력을 터미널에 인쇄합니다.

4. 이미지 크기 조정은 애플리케이션 성능을 향상시킵니다.

웹 애플리케이션에서 이미지 크기를 동적으로 조정하면 애플리케이션의 속도와 성능을 향상시키는 데 도움이 될 수 있습니다. 응용 프로그램이 웹 브라우저에 많은 수의 이미지를 자주 로드해야 하는 경우 레이아웃과 스타일에 맞게 이미지의 크기를 조정하는 것이 유용합니다. 이를 통해 더 큰 이미지를 다운로드하는 대신 요청 시 서버에서 필요한 이미지만 전송할 수 있습니다. 이 경우 Node.js를 사용하여 애플리케이션을 작성하면 우수한 웹 페이지 성능을 유지하면서 고품질 사용자 경험을 제공하는 데 도움이 될 수 있습니다.

결론

이 기사에서는 Node.js를 사용하여 이미지 크기를 빠르고 쉽게 조정하는 방법에 대해 자세히 알아봤습니다. 널리 사용되는 Sharp 라이브러리를 사용하면 최소한의 시간에 이미지 크기를 쉽게 조정할 수 있고 웹 애플리케이션의 속도와 성능을 높일 수 있습니다. 이제 더 나은 사용자 경험과 더 나은 애플리케이션 성능을 위해 애플리케이션에서 이러한 기술을 쉽게 사용할 수 있습니다.

위 내용은 Nodejs가 이미지 크기를 변경합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!