오늘 저는 빠른 프로젝트에 대한 아이디어를 얻었습니다. Cloudflare Workers에서 호스팅 되는 간단한 파비콘 생성기를 구축하고 싶었습니다.

AWS Lamba에서 이미지를 생성하는 것이 확실히 가능하다는 것을 알고 있지만 이것이 CF 작업자에서 가능하다면 정보를 찾지 못했습니다.

https://maxkostinevich.com/blog/serverless-favicon-generator/ 

처음에는 도메인 이름의 문자 한두 글자를 기반으로 favicon을 생성하고 싶었지만 이미지 작업에 사용할 수 있는 모든 단일 Node.js 패키지를 시도했지만 슬프게도 Cloudflare Worker에서는 작업하지 않았습니다.

몇 시간 후, PNG 이미지로 작업 할 수 있는 아주 단순한 라이브러리 인 PNG-Pong을 발견했습니다. 그 특성상 라이브러리 자체는 매우 제한적입니다. PNG 파일로 작업 할 수 있는 몇 가지 방법을 제공합니다 (예 : 새 이미지 만들기 및 직사각형 그리기).

이 라이브러리에는 이미지의 텍스트로 작업하는 방법이 없기 때문에 픽셀 아트 스타일로 파비콘을 만드는 아이디어를 얻었습니다. 그런 다음 Github와 같은 아바타 자리 표시자가 내 사이드 ​​프로젝트에 매우 적합 할 수 있다고 생각했습니다. 

이 아이디어를 실현하기 위해 다른 몇 시간을 보냈고 그 결과 다음 스타일로 PNG 이미지를 생성 할 수 있었습니다. 

꽤 깔끔 하죠? 프로젝트의 소스 코드는 Github에서 사용할 수 있습니다.