【GPT_Image_Playground】纯前端的 GPT-Image-2 API 调用 WebUI，参数齐全，功能完备，一上手就被吓到眩晕瘫坐，那一刻就像看到原子弹爆炸！
- 内容介绍
- 文章标签
- 相关推荐
本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容：
- 我的帖子已经打上 开源推广 标签： 是
- 我的开源项目完整开源，无未开源部分： 是
- 我的开源项目已链接认可 LINUX DO 社区： 是
- 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是
- 以上选择我承诺是永久有效的，接受社区和佬友监督： 是
以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出
GPT Image Playground
一站式解决 GPT-Image-2 的 Image API / Response API 参数可视化调整、API 调用、输入与输出存储、输出复用等需求，支持多请求同时进行。
听不懂？
我给你最直接、最真相、最不绕弯、最扎心、最硬核、最干的一句话总结，保证稳稳地……
人话版：
可以在这个纯前端网页中接入、使用你自己的 GPT-Image-2 API（仅支持 Image API / Response API），还能存储和查看历史生成记录、一键复用当时的参数和参考图、一键将输出结果作为新一轮的参考图……
桌面端主界面1920×936 109 KB
任务详情与实际参数
任务详情与实际参数1920×960 77.2 KB
桌面端批量选择
桌面端批量选择1920×936 112 KB
移动端主界面
移动端主界面1436×3008 362 KB
移动端侧滑多选
移动端侧滑多选1436×3008 394 KB
设置图像尺寸-自动
自动583×705 23.1 KB
设置图像尺寸-按比例
按比例581×721 28.8 KB
设置图像尺寸-自定义宽高
自定义宽高583×705 33.1 KB
此外，本项目还支持通过 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}
更多详情、部署方式见 GitHub：
GitHub - CookSleep/gpt_image_playground: 基于 OpenAI gpt-image-2 接口的图片生成与编辑工具
基于 OpenAI gpt-image-2 接口的图片生成与编辑工具
在线体验
如有调用非本地的 HTTP API 的需求，请使用 GitHub Pages 版本或自行部署，因为
.dev域名要求页面本身及其加载的资源（的来源）均为 HTTPS。
-
Vercel 部署版本：
https://gpt-image-playground.cooksleep.dev -
GitHub Pages 部署版本：
GPT Image Playground
如果这个项目能帮到你，就给我点个 Star 吧！感谢你的支持！
网友解答：--【壹】--：
太强了佬，正好这两天也在研究让CC或龙虾直接调用gpt-image-2出图，借鉴一下
--【贰】--：
太好了！非常感谢（本来准备手搓了），希望能加上宫格切分功能，这样生成的33，44，5*5的图可以直接切分打包下载，另外能支持香蕉吗
--【叁】--：
这个部署到服务器上，是能多个人同时使用，还是只能一个呀，大佬
--【肆】--：
感谢佬，正是我需要的。我内网里面调用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的问题还是佬这个项目的问题？
--【伍】--：
适配的，我尝试过了，你可以试试，不过我是服务器部署的，不知道本地是不是也一样
--【陆】--：
api设置能不能放到控制台去，想给朋友用，但是api和key不想暴露出来
--【柒】--：
这就不是纯前端项目了……我希望这个项目可以被可信地接入各个New API、被个人使用。
更复杂的服务端、配额、用户系统……不是很想做。
--【捌】--：
渠道问题，正常至少能生成2K的才对，4K的话官方那个速率限制好像大部分渠道都没法出
--【玖】--：
不是很想在这个项目里面支持Nano Banana，会让界面变得很复杂。宫格切分……暂无计划）这个感觉整起来有点复杂了，切不好就难受了
--【拾】--：
image1920×1109 160 KB
是时候拿出来看看了
--【拾壹】--：
佬友，我试了几个渠道的，生成的图片分辨率都是一样的，做不到4k，2k，是渠道问题还是参数问题
--【拾贰】--：
看起来很不错，部署给同事们玩玩看，cherry中不太好整
--【拾叁】--：
好东西我也是搓到一半发现佬的项目 改一下就可以用了
--【拾肆】--：
前端调用API会报CORS错误，但偶尔能成功一次
--【拾伍】--：
刚好需要！ 昨晚没找到合适的 今天刚自己搓到一半 一刷L站就看到了 哈哈哈哈 感谢佬
--【拾陆】--：
也挺好，不过我这个是参考Flow那种设计做的，我个人觉得那种排版和生成体验更符合我的预期一些
--【拾柒】--：
现在很少有地方可以提供OpenAI API的API，因为这个模型要过组织认证才能用，基本上都是逆向，无论是网页逆向还是Codex逆向，都是不支持修改API参数的，包括分辨率、质量等……
--【拾捌】--：
你可以不自己部署，直接使用我已经在GitHub Pages上部署好的那个链接，这个所有数据都只存储在你的浏览器本地，所以不存在多人不多人的说法，如需导出数据，请使用设置界面的数据导出功能
--【拾玖】--：
CPA 代理出来的，也是不支持！需要大佬适配一下
本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容：
- 我的帖子已经打上 开源推广 标签： 是
- 我的开源项目完整开源，无未开源部分： 是
- 我的开源项目已链接认可 LINUX DO 社区： 是
- 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是
- 以上选择我承诺是永久有效的，接受社区和佬友监督： 是
以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出
GPT Image Playground
一站式解决 GPT-Image-2 的 Image API / Response API 参数可视化调整、API 调用、输入与输出存储、输出复用等需求，支持多请求同时进行。
听不懂？
我给你最直接、最真相、最不绕弯、最扎心、最硬核、最干的一句话总结，保证稳稳地……
人话版：
可以在这个纯前端网页中接入、使用你自己的 GPT-Image-2 API（仅支持 Image API / Response API），还能存储和查看历史生成记录、一键复用当时的参数和参考图、一键将输出结果作为新一轮的参考图……
桌面端主界面1920×936 109 KB
任务详情与实际参数
任务详情与实际参数1920×960 77.2 KB
桌面端批量选择
桌面端批量选择1920×936 112 KB
移动端主界面
移动端主界面1436×3008 362 KB
移动端侧滑多选
移动端侧滑多选1436×3008 394 KB
设置图像尺寸-自动
自动583×705 23.1 KB
设置图像尺寸-按比例
按比例581×721 28.8 KB
设置图像尺寸-自定义宽高
自定义宽高583×705 33.1 KB
此外，本项目还支持通过 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}
更多详情、部署方式见 GitHub：
GitHub - CookSleep/gpt_image_playground: 基于 OpenAI gpt-image-2 接口的图片生成与编辑工具
基于 OpenAI gpt-image-2 接口的图片生成与编辑工具
在线体验
如有调用非本地的 HTTP API 的需求，请使用 GitHub Pages 版本或自行部署，因为
.dev域名要求页面本身及其加载的资源（的来源）均为 HTTPS。
-
Vercel 部署版本：
https://gpt-image-playground.cooksleep.dev -
GitHub Pages 部署版本：
GPT Image Playground
如果这个项目能帮到你，就给我点个 Star 吧！感谢你的支持！
网友解答：--【壹】--：
太强了佬，正好这两天也在研究让CC或龙虾直接调用gpt-image-2出图，借鉴一下
--【贰】--：
太好了！非常感谢（本来准备手搓了），希望能加上宫格切分功能，这样生成的33，44，5*5的图可以直接切分打包下载，另外能支持香蕉吗
--【叁】--：
这个部署到服务器上，是能多个人同时使用，还是只能一个呀，大佬
--【肆】--：
感谢佬，正是我需要的。我内网里面调用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的问题还是佬这个项目的问题？
--【伍】--：
适配的，我尝试过了，你可以试试，不过我是服务器部署的，不知道本地是不是也一样
--【陆】--：
api设置能不能放到控制台去，想给朋友用，但是api和key不想暴露出来
--【柒】--：
这就不是纯前端项目了……我希望这个项目可以被可信地接入各个New API、被个人使用。
更复杂的服务端、配额、用户系统……不是很想做。
--【捌】--：
渠道问题，正常至少能生成2K的才对，4K的话官方那个速率限制好像大部分渠道都没法出
--【玖】--：
不是很想在这个项目里面支持Nano Banana，会让界面变得很复杂。宫格切分……暂无计划）这个感觉整起来有点复杂了，切不好就难受了
--【拾】--：
image1920×1109 160 KB
是时候拿出来看看了
--【拾壹】--：
佬友，我试了几个渠道的，生成的图片分辨率都是一样的，做不到4k，2k，是渠道问题还是参数问题
--【拾贰】--：
看起来很不错，部署给同事们玩玩看，cherry中不太好整
--【拾叁】--：
好东西我也是搓到一半发现佬的项目 改一下就可以用了
--【拾肆】--：
前端调用API会报CORS错误，但偶尔能成功一次
--【拾伍】--：
刚好需要！ 昨晚没找到合适的 今天刚自己搓到一半 一刷L站就看到了 哈哈哈哈 感谢佬
--【拾陆】--：
也挺好，不过我这个是参考Flow那种设计做的，我个人觉得那种排版和生成体验更符合我的预期一些
--【拾柒】--：
现在很少有地方可以提供OpenAI API的API，因为这个模型要过组织认证才能用，基本上都是逆向，无论是网页逆向还是Codex逆向，都是不支持修改API参数的，包括分辨率、质量等……
--【拾捌】--：
你可以不自己部署，直接使用我已经在GitHub Pages上部署好的那个链接，这个所有数据都只存储在你的浏览器本地，所以不存在多人不多人的说法，如需导出数据，请使用设置界面的数据导出功能
--【拾玖】--：
CPA 代理出来的，也是不支持！需要大佬适配一下