【GPT_Image_Playground】纯前端的 GPT-Image-2 API 调用 WebUI，参数齐全，功能完备，一上手就被吓到眩晕瘫坐，那一刻就像看到原子弹爆炸！

Cook_Sleep 2026-04-24 21:08 1

本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容：

我的帖子已经打上开源推广标签： 是

我的开源项目完整开源，无未开源部分： 是

我的开源项目已链接认可 LINUX DO 社区： 是

我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是

以上选择我承诺是永久有效的，接受社区和佬友监督： 是

以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出

GPT Image Playground

一站式解决 GPT-Image-2 的 Image API / Response API 参数可视化调整、API 调用、输入与输出存储、输出复用等需求，支持多请求同时进行。

听不懂？

~~我给你最直接、最真相、最不绕弯、最扎心、最硬核、最干的一句话总结，保证稳稳地……~~

人话版：

可以在这个纯前端网页中接入、使用你自己的 GPT-Image-2 API（支持 Image API / Response API / fal.ai），还能存储和查看历史生成记录、一键复用当时的参数和参考图、一键将输出结果作为新一轮的参考图、自定义服务商（支持同步、异步任务）……

桌面端主界面

任务详情与实际参数

桌面端批量选择

桌面端 Agent 模式

移动端主界面

移动端侧滑多选

设置图像尺寸-自动

设置图像尺寸-按比例

设置图像尺寸-自定义宽高

此外，本项目还支持通过 URL 查询参数快捷填充配置，可以方便快捷地将 Vercel / GitHub Pages URL 或自部署的 URL 加入 New API 聊天应用:

https://gpt-image-playground.cooksleep.dev?apiUrl={address}&apiKey={key}

https://cooksleep.github.io/gpt_image_playground?apiUrl={address}&apiKey={key}

在线体验

如有调用非本地的 HTTP API 的需求，请使用 GitHub Pages 版本或自行部署，因为 .dev 域名要求页面本身及其加载的资源（的来源）均为 HTTPS。

Vercel 部署版本：

https://gpt-image-playground.cooksleep.dev

GitHub Pages 部署版本：

GPT Image Playground

如果这个项目能帮到你，就给我点个 Star 吧！感谢你的支持！

最新回复 (19)

yani 04-24 21:28

1楼

刚好需要！昨晚没找到合适的今天刚自己搓到一半一刷L站就看到了哈哈哈哈感谢佬
today 04-25 09:50

2楼

好东西我也是搓到一半发现佬的项目改一下就可以用了
palznm 04-25 11:50

3楼

佬友，我试了几个渠道的，生成的图片分辨率都是一样的，做不到4k，2k，是渠道问题还是参数问题
Cook_Sleep 楼主 04-25 11:51

4楼

渠道问题，正常至少能生成2K的才对，4K的话官方那个速率限制好像大部分渠道都没法出
Cook_Sleep 楼主 04-25 11:53

5楼

现在很少有地方可以提供OpenAI API的API，因为这个模型要过组织认证才能用，基本上都是逆向，无论是网页逆向还是Codex逆向，都是不支持修改API参数的，包括分辨率、质量等……
walle 04-25 11:59

6楼

看起来很不错，部署给同事们玩玩看，cherry中不太好整
龒龘鸗 04-25 12:00

7楼

是时候拿出来看看了
Cook_Sleep 楼主 04-25 12:01

8楼

也挺好，不过我这个是参考Flow那种设计做的，我个人觉得那种排版和生成体验更符合我的预期一些
pentamer 04-25 13:34

9楼

感谢佬，正是我需要的。我内网里面调用sub2api，会一直失败，显示 Access to fetch at 'https://xxxxx/v1/images/generations’’ from origin ‘https://xxxxxxxxxxxxxx’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 这是sub2api的问题还是佬这个项目的问题？
轩宇 04-25 13:52

10楼

CPA 代理出来的，也是不支持！需要大佬适配一下
SuperNG6 04-25 13:57

11楼

太好了！非常感谢（本来准备手搓了），希望能加上宫格切分功能，这样生成的33，44，5*5的图可以直接切分打包下载，另外能支持香蕉吗
哇hihi 04-25 14:01

12楼

api设置能不能放到控制台去，想给朋友用，但是api和key不想暴露出来
XXL 04-25 14:20

13楼

适配的，我尝试过了，你可以试试，不过我是服务器部署的，不知道本地是不是也一样
什么都不会 04-25 14:29

14楼

这个部署到服务器上，是能多个人同时使用，还是只能一个呀，大佬
暗夜行者 04-25 14:37

15楼

太强了佬，正好这两天也在研究让CC或龙虾直接调用gpt-image-2出图，借鉴一下 ^-^
AWS 04-25 14:48

16楼

前端调用API会报CORS错误，但偶尔能成功一次
Cook_Sleep 楼主 04-25 16:09

17楼

不是很想在这个项目里面支持Nano Banana，会让界面变得很复杂。宫格切分……暂无计划）这个感觉整起来有点复杂了，切不好就难受了
Cook_Sleep 楼主 04-25 16:10

18楼

这就不是纯前端项目了……我希望这个项目可以被可信地接入各个New API、被个人使用。

更复杂的服务端、配额、用户系统……不是很想做。
Cook_Sleep 楼主 04-25 16:11

19楼

你可以不自己部署，直接使用我已经在GitHub Pages上部署好的那个链接，这个所有数据都只存储在你的浏览器本地，所以不存在多人不多人的说法，如需导出数据，请使用设置界面的数据导出功能