gpt_image_playground

用 GPT 图像模型,快速生成和编辑图片,开箱即用

开源 🏷️定价信息待确认 ✅ 目前可打开 图像生成 🍴 复刻 1005 🐛 待处理 1 👀 关注 7
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 4061
维护状态 活跃
是否开源 开源
定价模式 🏷️定价信息待确认

项目预览

gpt_image_playground 项目界面预览图
图片来源:GitHub 官方仓库名片

项目数据

分类图像生成
开发团队CookSleep
定价模式🏷️定价信息待确认
价格说明定价信息待确认
访问状态✅ 目前可打开
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型gemini,gpt-image,grok,image-editing,image-generation,nano-banana,openai,react,tailwindcss,typescript,vite,xai
GitHub 星标★ 4061
上线时间2026-04-23 00:00:00
代码更新2026-11-07
仓库体积44.4 MB
本站数据更新2026-11-10
维护状态活跃
收录时间2026-08-09
浏览次数8

项目介绍

gpt_image_playground 是一个基于 OpenAI gpt-image-2 API 的图片生成与编辑工具,采用 TypeScript 和 React 构建,前端使用 Vite 和 Tailwind CSS。它解决了开发者快速体验和集成 GPT 图像生成能力的问题,提供了直观的交互界面,支持文本生成图片、图片编辑、局部修改等功能。核心能力包括调用 gpt-image-2 模型进行高质量图像生成、通过自然语言指令编辑现有图片、以及灵活的 API 参数配置。项目结构清晰,适合作为参考实现或直接部署为演示应用,帮助用户理解 OpenAI 图像 API 的用法和最佳实践。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 4061

使用教程

难度:入门 约 15 分钟 部署方式:Docker 6 步

环境要求

  • 已安装 Docker(支持 docker run / docker compose)
  • 已获取 OpenAI 兼容接口的 API Key
  • 准备一个可用的 API 基础地址,如 https://api.openai.com/v1
  • 服务器可访问 ghcr.io 拉取镜像

安装与启动步骤

  1. 1拉取并启动容器

    用官方镜像启动服务,把容器 80 端口映射到宿主机 8080;DEFAULT_API_URL 填入你的 API 基础地址。

    docker run -d -p 8080:80 -e DEFAULT_API_URL=https://api.openai.com/v1 ghcr.io/cooksleep/gpt_image_playground:latest
  2. 2改用 Compose 编排

    若习惯 Compose,可写入 docker-compose.yml 后一键启动,并设置 restart 策略自动重启。

    docker compose up -d
  3. 3挂载自定义配置

    需要多个预置配置时,把本地 JSON 挂载进容器并让 DEFAULT_API_URL 指向该路径。

    docker run -d -p 8080:80 -v ./gpt-image-config.json:/config/gpt-image-config.json:ro -e DEFAULT_API_URL=/config/gpt-image-config.json ghcr.io/cooksleep/gpt_image_playground:latest
  4. 4开启同源 API 代理

    浏览器直连被 CORS 拦截时,开启 Nginx 同源代理,请求经 /api-proxy/ 转发到 API_PROXY_URL。

    docker run -d -p 8080:80 -e DEFAULT_API_URL= -e API_PROXY_URL=https://real-api.example.com/v1 -e ENABLE_API_PROXY=true -e LOCK_API_PROXY=true ghcr.io/cooksleep/gpt_image_playground:latest
  5. 5修改端口

    默认监听 0.0.0.0:80,端口冲突时通过 PORT 变量改到其他端口。

    docker run -d -p 8080:80 -e PORT=28080 ghcr.io/cooksleep/gpt_image_playground:latest
  6. 6浏览器打开并配置 Key

    访问 http://localhost:8080 ,在页面里为预置配置补充 API Key 后即可开始生图。

关键配置

配置项必填说明示例
DEFAULT_API_URL是预置配置的 API 地址,可为 URL、带查询参数 URL 或 JSON 文件路径https://api.openai.com/v1
ENABLE_API_PROXY否开启 Nginx 同源代理,经 /api-proxy/ 转发以绕开 CORStrue
API_PROXY_URL否代理转发的完整 API 基础地址,不会自动补 /v1https://real-api.example.com/v1
LOCK_API_PROXY否强制锁定代理为开启状态,用户无法在界面关闭true
HOST / PORT否Nginx 监听地址和端口,默认 0.0.0.0:8028080
LOCK_PRESET_CONFIG_PARAMS否锁定预置配置中除 API Key 外的参数,禁止编辑预置供应商true

如何确认成功

容器启动后用 docker ps 确认运行中,浏览器访问 http://localhost:8080 能打开页面即成功。

常见问题

Q:国内访问 Vercel 分配的 .vercel.app 域名打不开?

A:Vercel 默认域名国内通常无法直连,可在 Settings → Domains 绑定自己的域名;或改用 Docker / GitHub Pages 方式部署。

Q:为什么调用内网或本地 HTTP 接口失败?

A:Vercel 体验版绑定的 .dev 域名因安全策略要求接口必须为 HTTPS,请使用 GitHub Pages 版本或自行部署,或开启 API 代理。

Q:如何更新到新版本?

A:使用 latest 标签时重新拉取镜像并重启即可,如 docker compose pull && docker compose up -d;需固定版本可用 0.2.x 等版本号标签。

Q:部署端预设的 API 地址会被用户改掉吗?

A:未开启锁定限制时,API 地址、模型等参数会与上次部署快照比较,部署值变化时覆盖一次本地值,之后保留用户修改;API Key 始终由用户本地管理。

Q:开启 API 代理有什么风险?

A:开启后任何人都可能把你的服务器当作代理请求目标 API,建议仅在具备访问控制(如 IP 白名单)或本地网络环境中开启。

注意事项

  • 旧版环境变量 API_URL 已拆分为 DEFAULT_API_URL 和 API_PROXY_URL,容器启动时自动兼容,但建议尽早迁移。
  • DEFAULT_API_URL 指向 JSON 文件或容器内路径时,宿主机文件需通过 volume 挂载,容器启动时会读取并内嵌到页面。
  • 预置配置提供三种写法:直接填 API 地址、API 地址加查询参数、JSON 文件路径或导入链接,末尾带 / 时直接拼接接口不补 /v1。
  • LOCK_PRESET_CONFIG_PARAMS 与 PREVENT_PRESET_CONFIG_DELETION 等限制项可按需组合使用,未开启时预置配置可拖动和删除。

核心亮点

  • 内置 gpt-image-2 完整调用示例,降低 API 接入门槛
  • 支持图片编辑和局部修改,交互直观易上手
  • 基于 React + Vite,代码现代,易于二次开发

不足之处

  • 依赖 OpenAI API 密钥,无法离线使用
  • 文档/社区待观察

适用场景

  • 快速原型验证 GPT 图像生成效果
  • 作为教学示例学习 OpenAI 图像 API 集成
  • 内部工具用于批量生成和编辑图片

替代项目

OpenAI Cookbook、LangChain、Stable Diffusion WebUI

上一篇:GPT-Image2-Skill

下一篇:takumi

同类项目推荐

LGGAN 开源

从语义图生成逼真场景,局部细节与全局结构双管齐下。

[CVPR 2020] Local Class-Specific and Global Image-Level Generative Adversarial Netwo···

★ 144 2026-08-09
VPGen 开源

把文字指令拆成视觉步骤,生成更准、可评估的图片

Visual Programming for Text-to-Image Generation and Evaluation (NeurIPS 2023)

★ 57 2026-08-09
HR-VITON 开源

上传衣服和照片,秒出高保真试穿效果图

Official PyTorch implementation for the paper High-Resolution Virtual Try-On with Mi···

★ 918 2026-08-09
SUPIR 开源

一键将模糊老照片修复成高清逼真大片

SUPIR aims at developing Practical Algorithms for Photo-Realistic Image Restoration ···

★ 5696 2026-08-09
GAS 开源

自动写代码,生成你的专属生成艺术

Generative Art Synthesizer - a python program that generates python programs that ge···

★ 61 2026-08-09
lumenshaders 开源

浏览器里玩转着色器,一键生成循环艺术动画并导出

LUMEN, a generative shader studio. 9 WebGL2 art modes plus synth style blending, per···

★ 366 2026-08-09
DanceOPD 开源

用策略内蒸馏让图像编辑更稳更准,无需大量配对数据

DanceOPD: On-Policy Generative Field Distillation

★ 377 2026-08-09