SuperAPI AI 工具集

gpt-image-playground

设计与创作

查看项目

更新于 10-15 22:10

技能介绍

用途:GPT Image Playground 是一个 React 19 + TypeScript + Vite 网页应用,用于调用 OpenAI 图像接口生成与编辑图片,支持 Images API(/v1/images)与 Responses API(/v1/responses)两种模式。

主要能力:文生图可通过 images/generations 或带 image_generation 工具的 responses 实现;参考图编辑最多上传 16 张图片,调用 images/edits 或多模态 Responses API。尺寸选择器按 1K/2K/4K 与常见宽高比自动计算分辨率,自定义尺寸自动对齐 16px 倍数,最大边 3840px,宽高比不超过 3:1,总像素范围 655360–8294400。参数可控制质量(low/medium/high)、格式(PNG/JPEG/WebP)、压缩与审核级别。历史记录使用 IndexedDB,含 SHA-256 去重、批量操作、收藏、搜索过滤;数据可导出/导入 ZIP(原始图片文件加 manifest.json)。

使用方式:需 Node.js 18+ 与 npm。本地运行:git clone https://github.com/CookSleep/gpt_image_playground.git,cd gpt_image_playground,npm install,npm run dev,访问 http://localhost:5173。可在 .env.local 设置 VITE_DEFAULT_API_URL。生产构建用 npm run build,输出在 dist/。Docker 可用 ghcr.io/cooksleep/gpt_image_playground:latest,运行时传入 API_URL。应用内右上角设置可配置端点、模型与 API Key,也支持 URL 查询参数 apiUrl、apiKey 预填。开发环境可用 Vite 代理绕过 CORS,仅 npm run dev 生效。

适用场景:需要浏览器端批量生成、编辑与整理 OpenAI 图像的开发者或团队,可自托管或部署到静态服务器、Vercel。

限制:浏览器直连可能遇到 CORS,生产环境需服务端代理;自定义尺寸须满足上述校验规则;代理仅开发模式可用;具体收费与价格资料暂未提供。