Jupyter Notebook 如何插入图片史上最常用的4种方法推荐

本文详细介绍了如何在JupyterNotebook中通过Markdown、HTML、Python代码以及另一种代码方式插入图片,包括本地图片的引用和尺寸设置技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如何在Jupyter Notebook中插入图片呢?下面来介绍常用的4种方法。

方法一:通过Markdown格式插入图片

1. 插入本地图片

在Markdown模式下编辑运行

格式:![文件名](文件位置)

 
 

    比如:插入一个本地图片名称为aaa的图片,可以写成:

    格式:![aaa](./aaa.png)
    

    注意:
    1.图片文件要和jupyter 在同一个根目录下,只能是相对引用,不能绝对引用
    2.文件位置书写时,注意要把斜杠换成反斜杠

    方法二:通过HTML方式插入图片

    1. 插入本地图片

    在Markdown模式下编辑运行,可以设置图片的大小,通过高度和宽度两个参数设置

    格式一:<img src="./aaa.png" width="40%">
    格式二:<img src="./aaa.png" width=200 height=200>
    
     
     

    方法三:通过代码方式插入图片(推荐)

    1. 插入本地图片

    在代码模式下编辑运行,调用Image函数插入图片,可以使用相对路径/绝对路径,可以设置像素大小,不设置大小则为默认。

    插入多张图片时,推荐使用代码方式。

    from IPython.display import Image
    Image(filename="./aaa.jpg",width=400,height=400)
    
     
     

    方法四:通过另一种代码方式插入图片

    1. 插入本地图片

    在代码模式下编辑运行,这里需要注意,html代码模式参数之间使用空格分隔,而不用逗号。

    格式一:
    %%html
    <img src="./aaa.png" width=40 height=60>
    格式二:
    %%html
    <img src="./aaa.png" width="40%">
    
     
     
    <think>好的,用户问的是如何在JupyterLab中插入图片。首先,我需要回忆一下JupyterLab的基本操作,尤其是插入图片的几种方法。根据之前的知识,插入图片通常可以通过Markdown语法或者直接拖放实现。 用户可能是在编写文档或者数据分析报告时需要插入图片,所以需要简单有效的方法。首先想到的是使用Markdown的图片语法,比如`![图片描述](图片路径)`,这是直接的方式。但需要确认用户是否了解如何正确指定路径,比如相对路径还是绝对路径。这时候可能需要提醒用户注意文件的位置,比如图片是否和Jupyter notebook在同一个目录下,或者需要调整路径结构。 另外,JupyterLab支持拖放文件到Markdown单元格中,这样会自动生成图片的链接。这对于不太熟悉路径操作的用户来说可能更方便。需要详细说明这个步骤,比如拖放后会自动插入正确的路径,但也要提醒用户注意文件管理,避免移动文件导致链接失效。 还有一种情况是用户可能想通过代码插入图片,比如使用matplotlib显示图像,或者用IPython.display模块中的Image函数。这时候需要给出示例代码,特别是当用户需要在代码单元格中动态显示图片时。例如使用`from IPython.display import Image`然后调用`Image(filename='路径')`。 还需要考虑用户可能遇到的常见问题,比如路径错误、图片无法显示等。这时候可以建议用户检查路径是否正确,或者使用绝对路径作为临时解决方案。此外,引用中的内容提到在浏览器中打开文件时的路径问题,可能需要提醒用户在不同环境中路径的差异,确保图片在不同环境下都能正确显示。 后,生成相关问题时要覆盖用户可能进一步的需求,比如调整图片大小、使用网络图片图片格式支持等。这些问题可以帮助用户更全面地掌握在JupyterLab中处理图片方法。</think>### 如何在 JupyterLab 中插入图片JupyterLab 中插入图片常用方法包括以下三种: --- #### **方法1:使用 Markdown 语法** 1. 在单元格类型中选择 `Markdown` 2. 输入语法: `![图片描述](图片路径)` 例如: `![示例图片](./images/plot.png)` - `图片描述` 为替代文本(可省略) - `图片路径` 支持相对路径(如 `./images/plot.png`)或绝对路径 3. 运行单元格即可显示图片[^2] --- #### **方法2:拖放文件直接插入** 1. 将图片文件拖拽到 JupyterLab 的 Markdown 单元格中 2. 系统会自动生成图片的引用代码,例如: `![image.png](attachment:image.png)` 3. 此方法会以附件形式嵌入图片,但需注意文件管理逻辑[^1] --- #### **方法3:通过代码显示图片** 在 Python 代码单元格中使用 `IPython.display` 模块: ```python from IPython.display import Image Image(filename="路径/图片.jpg") # 本地路径 # 或显示网络图片 Image(url="https://example.com/image.png") ``` --- #### **注意事项** 1. 路径错误是常见问题,建议: - 使用相对路径时确认笔记本与图片的目录层级关系 - 临时调试可用绝对路径(如 `/Users/name/images/plot.png`) 2. 支持格式:PNG、JPG、SVG 等常见格式 ---
    评论 1
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包

    打赏作者

    DOT Manager

    你的鼓励将是我创作的最大动力

    ¥1 ¥2 ¥4 ¥6 ¥10 ¥20
    扫码支付:¥1
    获取中
    扫码支付

    您的余额不足,请更换扫码支付或充值

    打赏作者

    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值