AI 생성 이미지를 깔끔한 픽셀아트 또는 벡터 그래픽으로 변환하는 JavaScript 라이브러리
중간맛 분석
스택: Rust(unfake-core) + WebAssembly + JavaScript ES 모듈, Tweakpane UI 난이도: 픽셀아트 정리(쉬움) vs 벡터 추적(중간) 데모: itch.io 온라인 데모 지원, 설치 불요 바로 쓸 수 있는가: 예 - 로컬 HTTP 서버 구동 후 브라우저 도구 열면 즉시 사용 가능. 또는 으로 라이브러리 임포트해서 코드에 통합 가능 주요 기능: (1) 지능형 스케일 자동 감지 + 콘텐츠 인식 다운스케일링 (2) 형태학적 정리 + 색상 정량화(libimagequant) (3) 실시간 설정 조정 및 비포/애프터 비교
이런 레포예요
이럴 때 쓰면 좋아요
- AI 생성 픽셀아트 이미지의 불규칙한 스케일 정리 및 색상 정량화
- PNG/JPG 래스터 이미지를 확장 가능한 SVG로 변환
- ComfyUI 워크플로우에 통합해 이미지 생성 후처리 자동화
핵심 기능
대안 대비 차별점
ImageTracer.js는 벡터화만 하지만 unfake.js는 AI 생성 이미지의 픽셀 불일치와 색 번짐을 감지·정리하는 전문화된 전처리 알고리즘을 Rust/WASM으로 고속 제공합니다.
준비물
- 로컬 HTTP 서버 (Python 또는 Node.js)
바로 시작하기
- Python 또는 Node.js로 로컬 HTTP 서버 실행
python -m http.server 8080
또는
npx http-server -p 8080
- 브라우저에서 도구 열기
http://localhost:8080/browser-tool/
-
이미지 업로드 (드래그 앤 드롭, 파일 선택, 또는 클립보드 붙여넣기)
-
Tweakpane 패널에서 설정 조정 (maxColors, detectMethod, downscaleMethod 등)
-
결과 다운로드 (픽셀아트: PNG / 벡터: SVG) 또는 클립보드에 복사
라이브러리로 프로젝트에 통합하려면:
import unfake from './lib/index.js';
const options = {
file: myFile,
maxColors: 32,
detectMethod: 'auto',
downscaleMethod: 'dominant',
snapGrid: true
};
const { png, palette } = await unfake.processImage(options);
별 추이 · 7일
활용성 · 따라 만들기 좋은가
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
🟢 최근 활동 있음 · 2025년 생성
이 레포에 깃밥 배지 달기
[](https://www.gitbap.com/r/jenissimo/unfake.js)🔌 클로드에서 바로 써보기
깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.
클로드 설정 → 커넥터에 이 주소를 붙여넣기.
https://www.gitbap.com/api/mcp플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI가 README 기반으로 요약했습니다 · 원문 보기