markfulton/NanoBananaEditor

解决的问题

Nano Banana Editor 为使用 Google 的 Gemini 图像模型生成和编辑图像提供了一个统一的界面。它通过将基于提示的生成、参考图像支持以及精确的局部编辑工具整合到一个应用程序中，简化了创建高质量视觉内容的过程。

工作原理

该应用使用 React 和 TypeScript 构建，通过 Supabase 边缘函数连接 Gemini 图像模型。用户可以从文本生成图像，使用参考照片，并对特定区域应用遮罩以进行针对性编辑。系统支持多轮编辑，后续请求可保持之前轮次的上下文。它还集成了搜索接地功能，确保提示基于现实世界事实，并为 Flash 模型提供“思考控制”（快速 vs. 深度）以在速度和布局复杂性之间取得平衡。

适用人群

专为需要专业级图像生成工作流的用户设计，从创建 512px 草图到 4K 最终渲染均可实现，同时支持自托管编辑器并管理自己的 API 密钥或积分系统。

主要亮点

• 高级编辑：支持使用画笔和橡皮擦进行局部遮罩编辑，并支持多轮对话式编辑。
• 搜索接地：集成实时搜索结果，使提示基于现实世界数据（如天气或产品信息）。
• 模型灵活性：支持多种 Gemini 模型（Lite、Flash、Pro），分辨率最高达 4K，支持多种宽高比。
• 本地历史记录：将渲染结果保存至 IndexedDB，允许用户从先前版本分支并追踪请求详情。
• 支持自托管：提供完整的 Supabase 部署指南，可选集成 Stripe 用于出售积分。