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

> Clean Markdown view of GeekNews topic #27466. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=27466](https://news.hada.io/topic?id=27466)
- GeekNews Markdown: [https://news.hada.io/topic/27466.md](https://news.hada.io/topic/27466.md)
- Type: show
- Author: [qnth159](https://news.hada.io/@qnth159)
- Published: 2026-03-13T20:10:52+09:00
- Updated: 2026-03-13T20:10:52+09:00
- Original source: [npmjs.com](https://www.npmjs.com/package/fast-pixelizer)
- Points: 2
- Comments: 0

## Topic Body

이미지 픽셀 아트 변환 기능을 만들다가,  
픽셀화 로직만 따로 분리해 재사용할 수 있으면 좋겠다는 생각으로 **이미지 픽셀화 라이브러리**를 만들었습니다.  
  
##### 특징  
  
- zero-dependency + 작은 패키지 크기(약 44kB)  
- 브라우저와 Node.js 모두 사용 가능  
- `clean` / `detail` 두 가지 픽셀화 모드 지원  
- 원본 크기 유지 또는 저해상도 출력 선택 가능  
- 512×512 기준으로도 수 ms 단위로 처리 가능  
- 브라우저에서 Worker로 분리해 돌리기 쉬워서 무거운 이미지 처리에도 UI에 부담이 적음  
  
##### 동작 방식  
  
- **`clean` 모드**는 각 셀에서 가장 많이 등장한 색을 사용해서 경계가 또렷함  
- **`detail` 모드**는 각 셀의 평균 색을 사용해서 그라데이션과 질감을 조금 더 자연스럽게 남김  
  
##### 사용 예  
  
```ts  
import { pixelate } from 'fast-pixelizer'  
  
const result = pixelate(imageData, { resolution: 32 })  
// -> { data: Uint8ClampedArray, width, height }  
```  
  
##### 링크  
  
- npm: [https://www.npmjs.com/package/fast-pixelizer](https://www.npmjs.com/package/fast-pixelizer)  
- GitHub: [https://github.com/handsupmin/fast-pixelizer](https://github.com/handsupmin/fast-pixelizer)  
  
편하게 사용해보시고 피드백 부탁드립니다. 🙂

## Comments



_No public comments on this page._