Node js로 webp 변환기 (webp converter) 만들기

특정 폴더에 있는 png 이미지들을 webp로 변환시켜주는 툴을 만들어 보겠습니다. 

간단하게 Node js 로 제작합니다.

우선 프로젝트 폴더를 만들어 주고 

$ npm init 

으로 프로젝트를 생성합니다.

그 후, 이미지 변환에 필요한 패키지들을 설치해 줍니다. (Global로 설치하셔도 무방합니다.)

$ npm install imagemin imagemin-webp --save

imagemin : 이미지 미니파이 해주는 툴

imagemin-webp : imagemin의 webp 플러그인

설치가 완료 되었으면, /webp.js 파일을 만들어 줍니다.

퀄리티가 75% 이므로 손실이 있습니다. 만약 무손실 옵션을 사용하고 싶다면

로 작성해줍니다.

작성이 완료 되었으면 sources 폴더에 png 이미지 파일들을 넣어주시고

$ node wep 

실행.

Images converted!

메세지를 확인하고 images 폴더를 열어봅니다.

짠.

간단하게 자신만의 webp 변환기를 만들고 한번에 여러개의 파일을 webp로 변환해주세요. 

코드는 https://github.com/yunyong/node-webp-converter 에서 확인하실 수 있습니다.