如何保存VS Code中Jupyter Notebook单元格输出的图片

以下操作适配DALL·E Flow Jupyter场景，按操作复杂度从低到高排列，新手直接从第一个方法试即可。

方法1：拖拽保存（零代码，10秒完成） #

• 等DALL·E生成的图片完全加载显示在单元格输出区后，鼠标左键按住图片不要松开
• 提前把VS Code窗口和Chromebook系统「文件」应用调整为半屏并排，直接把图片拖到你想存的目标文件夹
• 松开鼠标，图片会自动以PNG格式保存到对应位置
  如果拖拽无响应，先点击一次图片所在的单元格输出区激活焦点，再执行拖拽操作

方法2：调用Jupyter输出浮层工具栏保存（零修改原有代码） #

• 鼠标悬停在输出的DALL·E图片上，等待1-2秒，图片左上角会弹出半透明的操作工具栏
• 点击工具栏上的软盘形状「保存」图标
• 在弹出的Linux文件选择窗口中，选择存储路径、输入文件名后确认即可
  如果悬停后没有弹出工具栏，先按一次Esc关掉可能误触发的右键菜单，再重新悬停

方法3：代码自动保存（适合批量生成图片的场景，最稳定） #

这个方法不需要依赖UI交互，每次生成图片后自动落盘，不会出现点了没反应的问题：

• 在你的DALL·E Flow Notebook最顶部新建一个空白代码单元格，粘贴以下代码后运行一次，完成初始化配置：

import os
from matplotlib import pyplot as plt
# 在Notebook同级目录创建专门存DALL·E输出的文件夹
os.makedirs("dalle_saved_images", exist_ok=True)
# 设置导出图片的清晰度
plt.rcParams["savefig.dpi"] = 150

• 之后每次运行生成图片的单元格、看到输出图后，在该单元格末尾加一行保存代码运行即可，文件名按你生成的顺序改数字就行：

# 示例：第一次生成的图存为dalle_1.png，第二次改成dalle_2.png即可
plt.savefig("dalle_saved_images/dalle_1.png", bbox_inches="tight")

• 保存完成后，直接在VS Code左侧资源管理器面板点开dalle_saved_images文件夹就能看到所有图片，右键点击对应文件选择「下载」，就能存到Chromebook的原生存储目录。

Chromebook环境特殊注意事项 #

• Linux Beta环境默认对Chromebook原生「下载」根目录有访问权限限制，保存图片时先存在Linux子系统的用户目录下，再通过VS Code的下载功能转存到原生目录，不会出现权限报错
• 如果右键图片弹出的是系统/浏览器菜单而非图片操作菜单，先点击Notebook的空白代码区域切换焦点，再回到图片上操作即可

内容的提问来源于stack exchange，提问作者hrllo