누끼 스튜디오 — 사진이 서버로 안 가는 온디바이스 AI 배경 제거

배경 제거 서비스를 쓸 때마다 "이 사진이 어디 서버로 올라가는 거지?" 하는 찜찜함이 있었어요. 그래서 아예 서버로 안 보내는 누끼 도구를 만들었습니다.

핵심은 하나예요. AI 배경 제거 모델(BRIA RMBG-1.4)이 여러분의 브라우저 안에서 직접 실행됩니다. 사진은 단 1바이트도 기기를 떠나지 않아요. 못 믿겠으면 개발자도구 네트워크 탭 열어놓고 써보세요 — 이미지 업로드 요청이 0건입니다.

주요 기능

• 온디바이스 AI 배경 제거 — Transformers.js로 RMBG-1.4 모델을 브라우저에서 로컬 실행합니다. WebGPU가 되면 GPU로 가속하고, 안 되면 WASM으로 폴백해요. 서버도, API 키도 없습니다.
• 입력은 편한 대로 — 드래그앤드롭, 파일 선택, 클립보드 붙여넣기(Ctrl/Cmd+V) 다 됩니다. JPG·PNG·WebP 지원.
• Before/After 비교 슬라이더 — 핸들을 드래그해서 원본과 누끼를 즉석에서 비교해요. 투명 영역은 체커보드로 보여줍니다.
• 배경 합성 스튜디오 — 투명 그대로 두거나, 단색·그라데이션·내 이미지로 배경을 갈아끼울 수 있어요. 드롭 섀도 토글로 그림자도 한 방에.
• 여러 장 연속 처리 — 큐에 쌓아두면 순서대로 자동으로 돌립니다. 원본 해상도 그대로 투명 PNG로 저장돼요.

기술 이야기

가장 고민한 건 "정말 서버 없이 될까?" 였어요. 답은 Transformers.js였습니다. Hugging Face의 RMBG-1.4 ONNX 모델을 브라우저로 가져와, 최초 1회만 약 44MB를 내려받아 캐시에 저장하고 이후엔 캐시에서 즉시 실행합니다. WebGPU 지원 브라우저면 GPU로 추론이 확 빨라지고, 미지원 환경은 WASM으로 자동 폴백하게 해서 어디서든 돌아가게 했어요.

모델이 만든 알파 마스크를 원본 해상도로 되살려 투명 PNG를 만들고, 배경·그림자 합성은 전부 캔버스에서 처리합니다. React 19 + TypeScript, Vite 8, Tailwind CSS 4로 짰고 Vercel에 올렸어요. 서버가 없으니 회원가입도, 워터마크도, 횟수 제한도 없습니다.

모바일에서도 그대로 동작해요.

프라이버시가 필요한 사진일수록 이 도구가 빛을 봅니다. 네트워크 탭 열어놓고 한번 써보세요.