如何在jupyter笔记本中包含图像或图片

我想包括一个jupyter笔记本的形象。

如果我做了以下,它的工作原理:

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

但我想包括在一个降价单元格的图像,下面的代码给出了一个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的图像文件名称周围使用引号!

如果您仔细阅读错误信息,则会在链接中看到两个%22部分。 这是HTML编码的引号。

你必须改变线路

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

 ![title](img/picture.png) 

在Jupyter笔记本中有几种方式发布图片:

通过HTML:

 from IPython.display import Image from IPython.core.display import HTML Image(url= "http://my_site.com/my_picture.jpg") 

你保留使用HTML标签来resize等function。

 Image(url= "http://my_site.com/my_picture.jpg", width=100, height=100) 

您也可以通过相对或绝对path显示本地存储的图像。

 PATH = "/Users/reblochonMasque/Documents/Drawings/" Image(filename = PATH + "My_picture.jpg", width=100, height=100) 

如果图像比显示设置宽: 谢谢

使用unconfined=True禁用图像的最大宽度限制

 from IPython.core.display import Image, display display(Image('https://i.ytimg.com/vi/j22DmsZEv30/maxresdefault.jpg', width=1900, unconfined=True)) 

或通过降价:

对于一个网站图片:

 ![Image of Yaktocat](https://octodex.github.comhttp://img.dovov.comyaktocat.png) 

如@cristianmtr所示请注意不要在URL中使用这些引号或引号。

或者是本地的:

 ![title](img/picture.png) 

由@Sebastian演示

或者,你可以使用一个简单的HTML <img src> ,它允许你改变高度和宽度,仍然可以被markdown解释器读取:

 <img src="subdirectory/MyImage.png",width=60,height=60> 

下面是你如何使用Markdown来做到这一点:

 ![Image of Yaktocat](https://octodex.github.comhttp://img.dovov.comyaktocat.png) 

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

 import requests from ipywidgets import Image Image(value=requests.get('https://octodex.github.comhttp://img.dovov.comyaktocat.png').content) 

我同意,使用Markdown风格更简单。 但它会显示图像显示笔记本API。 您还可以使用widthheight参数调整图像大小。

我很惊讶没有人提到过这个html cell magic选项。 从文档 (IPython,但同样Jupyter)

%% HTML

 Render the cell as a block of HTML 

这里是JupyterPython3的解决scheme:

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

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

为了显示我使用这个expression式的图像:

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

还要注意/\