如何嵌入图像或图片在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

当前回答

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

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

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

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

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

还要注意/和\

其他回答

除了使用HTML(在Markdown或使用%%HTML魔法)的其他答案:

如果你需要指定图像高度，这将不起作用:

<img src="image.png" height=50> <-- will not work

这是因为Jupyter中的CSS样式默认使用img标记的height: auto，它会覆盖HTML的height属性。你需要重写CSS的height属性:

<img src="image.png" style="height:50px"> <-- works

这在廉价牢房里很管用。不知何故，我不需要特别提到它是一个图像或一个简单的文件。

![](files/picture.png)

我猜你是说在廉价牢房里，在笔记本里。如果是的话，这里有一些最简单的方法:

从本地计算机:

使用文件浏览器，导航到包含图片的目录。然后，将其拖放到要嵌入图片的单元格中。它必须已经在降价模式，否则什么也不会发生。

这样做的好处是:

它很简单，只是拖放

这样做的缺点是:

您不能复制和粘贴该链接，并在任何其他单元格中使用它。如果你想在任何其他笔记本单元格中使用相同的图片，你将需要找到图片，再次拖放到单元格中。你应该考虑一个文件管理方案，将允许你再次找到图片，如果你计划使用分配的图片在你的笔记本。

这是一种有效的做事方式，对我来说很管用。

来自网络:

最简单的方法是使用浏览器找到一张图片，右键单击“复制图像”，粘贴到你想要显示的图像单元格中。

如上所述，这是有警告的，因为你不能复制这个链接并粘贴到另一个单元格。因此，如果您计划再次使用该图像，则必须将其粘贴到另一个单元格中，或者在本地保存此图像。

图像是嵌入在笔记本电脑，所以应该工作在笔记本电脑打开的任何地方。

如果你想使用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块

推荐文章