markfulton/NanoBananaEditor

해결하는 문제

Nano Banana Editor는 Google의 Gemini 이미지 모델을 사용하여 이미지를 생성하고 편집할 수 있는 통합 인터페이스를 제공합니다. 프롬프트 기반 생성, 참조 이미지 지원, 정밀한 지역 편집 도구를 하나의 애플리케이션에 통합함으로써 고품질 시각 자료를 생성하는 과정을 간소화합니다.

작동 방식

React와 TypeScript로 구축된 이 앱은 Supabase 엣지 함수를 통해 Gemini 이미지 모델에 연결됩니다. 사용자는 텍스트에서 이미지를 생성하고, 참조 사진을 사용하며, 특정 영역에 마스크를 적용하여 타겟 편집을 수행할 수 있습니다. 시스템은 다단계 편집을 지원하며, 후속 요청이 이전 단계의 맥락을 유지합니다. 또한 검색 기반 프롬프트를 통해 실제 세계의 사실에 기반한 프롬프트를 보장하고, Flash 모델에 대해 '사고 제어'(빠름 vs. 깊이) 기능을 제공하여 속도와 레이아웃 복잡성 사이의 균형을 맞춥니다.

대상 사용자

512px 드래프트부터 4K 최종 렌더링까지 전문 수준의 이미지 생성 워크플로우를 원하는 사용자를 대상으로 합니다. 에디터를 자체 호스팅하고, 자체 API 키 또는 크레딧 시스템을 관리할 수 있는 기능도 제공합니다.

주요 기능

• 고급 편집: 브러시와 지우개를 사용한 마스크로 지역 변경이 가능하며, 다단계 대화형 편집도 지원합니다.
• 검색 기반 프롬프트: 실시간 검색 결과를 통합하여 날씨나 제품 정보와 같은 실제 세계 데이터를 기반으로 프롬프트를 지향합니다.
• 모델 유연성: Lite, Flash, Pro 등 다양한 Gemini 모델을 지원하며, 최대 4K 해상도와 다양한 비율을 지원합니다.
• 로컬 기록: 렌더링 결과를 IndexedDB에 저장하여 이전 버전에서 분기하고 요청 세부 정보를 추적할 수 있습니다.
• 자체 호스팅 준비 완료: Supabase를 사용한 배포 가이드를 완전히 제공하며, 크레딧 판매를 위한 옵션으로 Stripe 통합도 가능합니다.