全库搜索 Markdown 图册
Paper Analysis · 6 分钟阅读

如何使用GPT-Image生成可编辑的科研示意图?

站内编号 KB-000102
clippings暂未试用
板块与文章导航

摘要LLM 归库摘要

  • 核心内容: 这篇剪藏记录了作者为“生成可编辑科研示意图”测试 GPT-Image、Claude Code、Codex 桌面版、ChatGPT 网页版输出 SVG 等方案的过程。
  • 主要结论: 直接让 AI 从 PNG 反推或生成精确 SVG 往往成本高、token 消耗大且失真明显;相对可行的是 ChatGPT 网页版生成 PNG 后再输出 SVG,并用 Adobe Illustrator 等矢量编辑器继续人工修。
  • 可复用知识: AI 适合作为科研绘图辅助,但最终可编辑性、准确性和发表级美观仍依赖 SVG/AI 等矢量流程与人工校正。
  • 工具边界: Claude Code / Codex 直接写复杂 SVG 容易超过输出上限或误解图像结构;AI 生图存在随机性和潜在“AI 数字签名/水印”问题。
  • 关联页面建议: 可后续整合到 04 AI_API与自动化库/02_wiki/claude_code/科研绘图与可编辑 SVG 工作流 或 04 AI_API与自动化库/02_wiki/skills/AI 科研绘图工具评测。
  • 下一步处理: 若要沉淀为稳定 workflow,建议实测 ChatGPT→SVG→Illustrator/Inkscape、Open Design、Vectorizer 等路径,并记录输入提示词、输出格式、编辑成本与失败案例。
  • 归库说明: 分类到 04 AI_API与自动化库,置信度 0.88;理由是正文高度集中于 GPT-Image、Claude Code、Codex、SVG 输出和 AI 科研绘图自动化经验。

口天三木 2026年5月23日 19:36

今天受师兄委托,看看有没有法子可以让AI进行科研绘图,要求可编辑的格式

我纳闷了,GPT-image2.0和nano banana都只能做成png静态图片,虽然官网有圈选指定位置修改的功能

但是这功能特别鸡肋啊,反反复复修改甚至没有第一版的要好

后来我问了Claude ,他跟我说:

最好的办法就是使用svg代码绘制图像,然后到svg编辑器(比如开源的inkspace和破解版的Adobe illustrator)

只有这样子出来的图片后期才可以手动编辑

GPT给的建议也是这样:

图片

然后吧,我自己把上面几种方式都试了个遍,其实效果也没有那么好,而且这些付费工具贵得离谱

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E) ![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

还有个工具叫vectorizer,好像要魔法才能进去,这个效果挺好的,png转成svg基本无损,但是也要收费

下面是我自己随便测试的图片

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

哎,没有钞能力的苦命大学生呐~

还是老实投靠破解版的Adobe illustrator了

然后这里我对比了多种方案

先给出参照标准图片(这是我随便让GPT生成的机理图)

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

方案一:GPT-image+Claude Code的nature skills

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

这个方案我不推荐,耗时非常长、耗费大量token(差不多70ktoken),而且效果不好

问了Claude code什么原因才知道,他追求精确位置,把所有元素都严格设置,但是效果也没有那么好

方案二:GPT-image+Claude code输出svg代码

emmm,效果和前面一样,大家自己看吧。都变成啥样了

这要是直接交稿,师兄不得直接骂死我!!!

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

而且你看看这token消耗得多少,直接干爆上下文了

直接报错:API Error: Claude's response exceeded the 32000 output token maximum

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

方案三:Codex桌面版(image gen插件+svg代码输出)

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

图片看这可还行?

但是!

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

我怀疑他没有理解到位,这svg输出的结果完全变了个样

不行不行,直接pass!

方案四:ChatGPT网页版+网页版输出svg代码

这是png原图

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

然后再输出svg文件

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

然后用Adobe illustrator打开

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

怎么样,这次这个方案终于对应了吧*-*

svg出来的图片和png很接近了

而且这个方案是使用GPT网页版,不用考虑什么额度的问题

不过我比较纳闷,Codex输出的图像可能Claude理解不了,输出svg效果不好可以理解,但是为啥综合能力更强的Codex桌面版效果反而没有网页版要好?

同一套提示词,这不应该啊,莫非AI生图真就开盲盒???

你永远不知道什么时候能抽中你心目中的“卡片”

好吧,那这次的一次科研绘图探索也不算白费力气

至少知道各个工具间的局限性

有句话说得好——

真正能把AI用得好的人,从来不是掌握了多少AI工具

而是清楚知道AI的使用边界

做科研当然还是要练好基本功,AI顶多算个辅助

还有AI生成的图片也不能直接用,像GPT直接生成的图片其实早就已经带上了“AI数字签名”,很容易就能识别出是AI生成的

你除了用相机拍照扫描,几乎没有任何办法去除“水印”,最近谷歌和OpenAI好像也有专门讲这件事

对了,还有一个工具我发现比较好用

名字叫open design:

![图片](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

有机会我可以再讲讲这个的用法

前阵子用它来制作一个HTML demo玩具,属实经验到我了

不过现在还没有接入skills功能,毕竟这个product是能接入Codex和Claude code的,后面能玩出来的花样想想都知道有不少哈!

最后——非常感谢大家的支持啊

上大学以来第一次以微信公众号作者的身份和这个世界对话

如今也总算收获了不少粉丝嘻嘻嘻(差不多就突破1000啦!)

不过,快进入期末周了,还有一个比赛我作为队长要负责好多内容啊!!!后期可能真的没有多少精力维持一天一更了

希望大家谅解!

那么,有缘我们下期再见!

科研工作 · 目录

作者提示: 个人观点,仅供参考

继续滑动看下一个

口天三木

向上滑动看下一个

闪记

复制 LaTeX 公式

复制 LaTeX 公式