如何嵌入图像或图片在jupyter笔记本，无论是从本地机器或从网络资源?

我想包括在木星笔记本图像。

如果我做了以下操作，它就会起作用:

from IPython.display import Image
Image("img/picture.png")

但我想包括在markdown单元格和下面的代码给出一个404错误的图像:

![title]("img/picture.png")

我也试过

![texte]("http://localhost:8888/img/picture.png")

但我仍然得到相同的错误:

404 GET /notebooks/%22/home/user/folder/img/picture.png%22 (127.0.0.1) 2.74ms referer=http://localhost:8888/notebooks/notebook.ipynb

当前回答

出于某种原因，没有其他解决方案对我有效。以下是有效的方法:

将单元格更改为markdown 复制过去:

<div>
<img src="attachment:name.png" width="600"/>
</div>

在</div>后在同一单元格中创建一个空行，并使用鼠标将图像放到这一行中。你会看到这样的东西:

<div>
<img src="attachment:name.png" width="600"/>
</div>
![yourname.jpg](attachment:yourname.jpg)

复制你的name.jpg，然后去掉你的name.png 删除! [yourname.jpg](附件:yourname.jpg)。最终的结果应该是这样的:

<div>
<img src="attachment:yourname.jpg" width="600"/>
</div>

运行sell (shift+enter)，您将看到您的图像

其他回答

如果你想使用Jupyter Notebook API(而不是IPython API)，我找到了ipywidgets Jupyter的子项目。您有一个Image小部件。Docstring指定你有一个值参数，它是一个字节。所以你可以这样做:

import requests
from ipywidgets import Image

Image(value=requests.get('https://octodex.github.com/images/yaktocat.png').content)

我同意，使用Markdown风格更简单。它向你展示了Image display Notebook API。还可以使用宽度和高度参数调整图像的大小。

我很惊讶这里没有人提到html单元格魔法选项。从文档(IPython，但同样为Jupyter)

% % html 将单元格呈现为HTML块

出于某种原因，没有其他解决方案对我有效。以下是有效的方法:

将单元格更改为markdown 复制过去:

<div>
<img src="attachment:name.png" width="600"/>
</div>

在</div>后在同一单元格中创建一个空行，并使用鼠标将图像放到这一行中。你会看到这样的东西:

<div>
<img src="attachment:name.png" width="600"/>
</div>
![yourname.jpg](attachment:yourname.jpg)

复制你的name.jpg，然后去掉你的name.png 删除! [yourname.jpg](附件:yourname.jpg)。最终的结果应该是这样的:

<div>
<img src="attachment:yourname.jpg" width="600"/>
</div>

运行sell (shift+enter)，您将看到您的图像

我发现的一件事是，你的图像的路径必须是相对于笔记本电脑最初加载的地方。如果你cd到一个不同的目录，如图片，你的Markdown路径仍然相对于原始加载目录。

下面是Jupyter和Python3的解决方案:

我把我的图片放在一个名为ImageTest的文件夹中。我的目录是:

C:\Users\MyPcName\ImageTest\image.png

为了显示图像，我使用了这个表达式:

![title](/notebooks/ImageTest/image.png "ShowMyImage")

还要注意/和\

推荐文章