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 파일을 만들어 줍니다.

	const imagemin = require("imagemin");
	const webp = require("imagemin-webp");
	//source 폴더의 png 파일들을 변환해서 images 폴더로 넣겠다.
	//만약 images 폴더가 존재하지 않는 다면 생성됨
	imagemin(["sources/*.png"], "images", {
	use: [
	webp({
	quality: 75 //변환되는 webp의 퀄리티를 지정. 손실 있음. 75%.
	})
	]
	}).then(function() {
	console.log("Images converted!"); //완료되었을때 로그
	});

view raw webp.js hosted with ❤ by GitHub

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

	webp({
	lossless: true
	})

view raw webp.js hosted with ❤ by GitHub

로 작성해줍니다.

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

$ node wep 

실행.

Images converted!

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

짠.

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

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