Show GN: 브라우저와 Node.js에서 사용하는 이미지 픽셀화 라이브러리 fast-pixelizer

2 weeks ago 10

이미지 픽셀 아트 변환 기능을 만들다가,
픽셀화 로직만 따로 분리해 재사용할 수 있으면 좋겠다는 생각으로 이미지 픽셀화 라이브러리를 만들었습니다.

특징

zero-dependency + 작은 패키지 크기(약 44kB)
브라우저와 Node.js 모두 사용 가능
clean / detail 두 가지 픽셀화 모드 지원
원본 크기 유지 또는 저해상도 출력 선택 가능
512×512 기준으로도 수 ms 단위로 처리 가능
브라우저에서 Worker로 분리해 돌리기 쉬워서 무거운 이미지 처리에도 UI에 부담이 적음

동작 방식

clean 모드는 각 셀에서 가장 많이 등장한 색을 사용해서 경계가 또렷함
detail 모드는 각 셀의 평균 색을 사용해서 그라데이션과 질감을 조금 더 자연스럽게 남김

사용 예

import { pixelate } from 'fast-pixelizer' const result = pixelate(imageData, { resolution: 32 }) // -> { data: Uint8ClampedArray, width, height }

링크

편하게 사용해보시고 피드백 부탁드립니다. 🙂

Read Entire Article