如何在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。 您还可以使用width
和height
参数调整图像大小。
我很惊讶没有人提到过这个html cell magic选项。 从文档 (IPython,但同样Jupyter)
%% HTML
Render the cell as a block of HTML
这里是Jupyter和Python3的解决scheme:
我把我的图像放在名为ImageTest
的文件夹中。 我的目录是:
C:\Users\MyPcName\ImageTest\image.png
为了显示我使用这个expression式的图像:
![title](/notebooks/ImageTest/image.png "ShowMyImage")
还要注意/
和\