[이미지 렌더링 최적화] node기반 Lambda@Edge 생성

https://desirelsw.tistory.com/274

Lambda@Edge / CloudFront / Singed URL / S3 트러블 슈팅

 

이전에 해당 글에서 python 기반으로 람다를 작성할 때, WEBP 확장자 변환을 위해 Pillow 모듈을 사용하였는데, 

이제는 AVIF 확장자 변환도 해야하여 더 찾아보니 pillow 모듈만으로 해결이 안되고, AVIF 변환을 위해 추가적으로 설치해야할 모듈이 있다는 것을 찾게 되었다 (확장자 추가에 따른 추가 모듈 추가라... 마음에 들지 않는다)

 

람다의 다른 버전인 node.js에서 WEBP / AVIF 확장자 변환에 사용하는 모듈을 알아보니, Sharp라는 것이 있었다. 

이거는 Pillow와 다르게 추가 모듈 설치 없이도 호환이 되어있어서, 이번에는 기존과 다르게 node.js 기반으로 Sharp를 활용한 방식으로 람다를 작성하고자 한다.

 

레퍼런스 문서도 많고, 이전에 이미 해본 경험이 있어서 그런지 곤혹스러운 상황은 많이 면한 것 같다.

 

우선 node18 버전으로 Lambda를 생성하였고, AWS Cloud9에서 해당 Lambda를 다운받아 아래 명령어를 통해 Sharp를 설치했다.

> npm install sharp

 

그 후 코드를 작성하였는데, 서비스 내부 정책도 섞여있어서 코드 내용은 보안상 올리지 않을 것이다.

 

 

https://inpa.tistory.com/entry/NODE-%F0%9F%93%9A-Sharp-%EB%AA%A8%EB%93%88-%EC%82%AC%EC%9A%A9%EB%B2%95-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%A6%AC%EC%82%AC%EC%9D%B4%EC%A7%95-%EC%9B%8C%ED%84%B0%EB%A7%88%ED%81%AC-%EB%84%A3%EA%B8%B0

[NODE] 📚 Sharp 모듈 사용법 - 이미지 리사이징 / 워터마크 넣기

 

https://robert-michalski.com/blog/nodejs-resize-and-convert-animated-gif-webp-images/

Resize and convert animated GIF and WebP images using Sharp in Node.js

 

 

https://sharp.pixelplumbing.com/api-resize

sharp - High performance Node.js image processing