markfulton/NanoBananaEditor
The most advanced Nano Banana image generator and editor application. Your central hub for AI image generation and revisions. Intuitive UI features reference images, editing with image masks, version history, and more. Powered by Gemini 2.5 Flash images API.
解決的問題
Nano Banana AI 圖像編輯器提供專業介面，可從文字生成圖像，並對現有圖像進行精確的對話式編輯。它透過允許使用者以自然語言描述變更，並使用遮罩工具精準定位特定區域，消除複雜的手動編輯需求。
運作方式
此應用程式基於 React 與 TypeScript 建構，透過 Google Generative AI SDK 與 Google 的 Gemini 2.5 Flash Image 模型整合。使用者可從提示生成圖像，或進入編輯模式，在圖像的特定區域繪製遮罩並提供文字指令進行修改。該應用使用 Konva.js 實現互動式畫布，並使用 IndexedDB 對資源進行離線快取。
適用對象
專為希望無需從零開始建構前端基礎設施，即可獲得可投入生產的 AI 圖像生成與區域感知編輯工具的創作者與開發者設計。
主要特色
- 對話式編輯：使用自然語言指令修改圖像。
- 區域感知選擇：使用畫筆工具繪製遮罩，實現精準編輯。
- 參考圖像支援：最多可使用兩個參考圖像來引導生成與編輯風格。
- 非破壞性工作流程：保留原始圖像的同時，維護編輯與變體的分支歷史。
- 企業級功能：包含 SynthID 隱形水印以確保 AI 來源可追溯性，並具備完整的 TypeScript 類型安全性。
相關
- Dispatch
- 專案
- Dispatch
- 專案
- Dispatch