想让照片更出彩,却又不想成为PS大神?Aiartools 绝对能帮到你!这是一款基于 Next.js 15 打造的 AI 图像编辑 Web 应用,它就像一个口袋里的智能修图师,能帮你快速搞定各种图像编辑需求。
### Aiartools:功能亮点抢先看
* **智能图像编辑:** 核心在于它搭载了 FLUX.1 Kontext Pro AI 模型,这个模型就像一个图像编辑专家,能理解你的意图,让编辑效果更自然、更符合你的想法。
* **多语言支持:** 界面支持中文和英文,用起来毫无障碍。
* **响应式设计:** 无论是在电脑上还是手机上,都能完美适配,随时随地都能修图。
* **实时处理:** 处理速度超快,编辑效果立刻就能看到,不用漫长等待。
* **多种编辑模式:** 提供智能、精确、创意三种编辑模式,满足你不同的修图需求。
* **智能编辑:** 适合快速美化照片,一键搞定。
* **精确编辑:** 让你精细调整每一个细节,打造完美效果。
* **创意编辑:** 激发你的灵感,创造出独一无二的图像。
* **背景移除:** 想要更换照片背景?Aiartools 可以帮你智能移除背景,操作简单,效果自然。
* **纵横比控制:** 支持多种纵横比选项,包括 21:9, 16:9, 4:3, 3:2, 1:1, 2:3, 3:4, 9:16, 9:21,方便你裁剪成适合各种平台尺寸的图片。
* **多格式支持:** 支持 JPG, JPEG, PNG, WebP, AVIF 等多种常见图片格式。
* **本地下载:** 编辑完成的图片可以保存到本地,方便分享和使用。
* **安全性保障:** 文件验证和 API 密钥保护,确保你的图片安全。
### Aiartools:技术大揭秘
Aiartools 的强大功能背后,离不开优秀的技术支持:
* **前端框架:** Next.js 15 (App Router)
* **UI 组件:** Shadcn/ui + Tailwind CSS
* **AI 模型:** FLUX.1 Kontext [pro] (通过 fal.ai)
* **国际化:** next-intl
* **类型检查:** TypeScript
* **样式:** Tailwind CSS + CSS Variables
* **数据库:** Drizzle ORM
* **认证:** NextAuth.js
* **图像处理:** Sharp
* **状态管理:** Zustand
### Aiartools:快速上手指南
想体验 Aiartools 的强大功能?跟着这个步骤来:
1. **克隆项目:**
“`bash
git clone https://github.com/ItusiAI/Open-Aiartools.git
cd Open-Aiartools
“`
2. **安装依赖:**
“`bash
npm install # 或 yarn install # 或 pnpm install
“`
3. **环境配置:**
* 复制 `.env.example` 文件到 `.env.local` 文件。
* 添加你的 API 密钥(FAL_KEY, DEEPSEEK_API_KEY等),这些密钥可以从 fal.ai, platform.deepseek.com 等平台获取。
* 配置数据库连接字符串 (DATABASE_URL),你需要先在 neon.tech 上创建数据库。
* 配置 NextAuth.js, Resend, JWT, Stripe 等相关密钥。
4. **获取 API 密钥:** 访问 fal.ai 获取你的 API 密钥,用于访问 FLUX.1 Kontext [pro] 模型。
5. **启动开发服务器:**
“`bash
npm run dev # 或 yarn dev # 或 pnpm dev
“`
然后在浏览器中访问 `http://localhost:3000` 就可以看到 Aiartools 的界面了。
### Aiartools:API 端点详解
Aiartools 提供了一个 API 端点,用于上传图像并进行 AI 编辑:
* **POST /api/edit-image**
* **支持的操作 (action):**
* `smart` – 智能编辑(默认)
* `precise` – 精确编辑
* `creative` – 创意编辑
* `remove_background` – 背景移除
* **请求参数:**
* `image (File)` – 图像文件 (支持 JPG, JPEG, PNG, WebP, AVIF)
* `prompt (String)` – 编辑提示词(背景移除时可选)
* `action (String)` – 操作类型(可选,默认为 smart)
* `guidance_scale (Number)` – 引导比例(可选)
* `strength (Number)` – 编辑强度(可选)
* `aspect_ratio (String)` – 生成图片纵横比(可选)
* **GET /api/edit-image**
* 获取 API 信息和使用说明。
### Aiartools:项目结构一览
“`
Open-Aiartools/
├── app/ # Next.js 15 App Router
│ ├── [locale]/ # 国际化路由
│ │ ├── auth/ # 认证相关页面
│ │ ├── dashboard/ # 用户仪表盘
│ │ ├── payment/ # 支付相关页面
│ │ └── page.tsx # 主页面
│ ├── api/ # API 路由
│ │ ├── auth/ # 认证 API
│ │ ├── edit-image/ # 图像编辑 API
│ │ ├── batch-process/ # 批量处理 API
│ │ └── stripe/ # 支付 API
│ └── globals.css # 全局样式
├── components/ # React 组件
│ ├── ui/ # UI 基础组件
│ ├── editor/ # 编辑器相关组件
│ ├── hero-section.tsx # 首页英雄区组件
│ ├── features-section.tsx # 特性展示组件
│ └── … # 其他业务组件
├── lib/ # 工具库
│ ├── fal-client.ts # Fal AI 客户端
│ ├── auth.ts # 认证工具
│ ├── db.ts # 数据库连接
│ ├── schema.ts # 数据库模式
│ ├── image-utils.ts # 图像处理工具
│ └── utils.ts # 工具函数
├── hooks/ # 自定义 React Hooks
├── store/ # 状态管理
├── drizzle/ # 数据库迁移
├── messages/ # 国际化消息
├── public/ # 静态资源
│ ├── images/ # 图片资源
│ └── … # 其他静态资源
└── styles/ # 样式文件
“`
### Aiartools:开发小贴士
* **连接测试:** `npm run test:fal` – 测试 Fal AI 连接
* **数据库管理:**
* `npm run db:migrate` – 运行数据库迁移
* `npm run db:generate` – 生成新的迁移文件
* **代码检查:**
* `npm run type-check` – TypeScript 类型检查
* `npm run lint` – ESLint 检查
* `npm run format` – 格式化代码
### Aiartools:自定义你的专属主题
Aiartools 使用 CSS Variables 进行主题定制,你可以在 `styles/globals.css` 文件中修改这些变量,打造你喜欢的风格。它还支持亮色和暗色两种主题模式。
### Aiartools:安全第一
Aiartools 非常注重安全性,采取了以下措施:
* 文件类型验证和过滤
* 文件大小限制 (最大 5MB)
* API 密钥环境变量管理
* 内容安全策略 (CSP)
* 用户认证和授权
* 数据加密和安全存储
* 防止 XSS 和 CSRF 攻击
### Aiartools:开源协议
Aiartools 使用 MIT License 开源协议,你可以自由使用和修改。
### Aiartools:贡献力量
欢迎提交 Issue 和 Pull Request,一起完善 Aiartools!
### Aiartools:需要帮助?
* 查看 Issues
* 创建新的 Issue
* 查看 fal.ai 文档
* 联系项目维护者
### Aiartools:总结
Aiartools 是一款功能强大、易于使用的 AI 图像编辑工具。它凭借强大的 AI 模型、丰富的功能和友好的界面,让每个人都能轻松编辑出惊艳的图像。如果你正在寻找一款智能的图像编辑工具,Aiartools 绝对值得一试!
ItusiAI/Open-Aiartools: AI 图像编辑 Web 应用,使用 **FLUX.1 Kontext [pro]** 前沿模型提供强大的图像编辑功能,支持Stripe支付,注册登录,积分系统等,代码100%开源。
https://github.com/ItusiAI/Open-Aiartools
暂无评论内容