如何在Jupyter Notebook中嵌入图像或图片，无论是来自本地机器还是网络资源？

Question

我想把这张照片放在笔记本里。

如果我做了以下的事情，它就会起作用：

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

Answer 1

在标记中，不能在图像文件的名称周围使用引号！

如果仔细阅读错误消息，您将看到链接中的两个%22部分。那是html编码的引号。

你必须改变路线

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

到

![title](img/picture.png)

更新

假设您具有以下文件结构，并且在存储文件example.ipynb（<；--包含图像的标记）的目录中运行jupyter notebook命令：

/
+-- example.ipynb
+-- img
    +-- picture.png

Answer 2

或者，您也可以使用纯HTML <img src>，它允许您更改高度和宽度，并且仍由降价解释器读取：

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

Answer 3

有几种方法可以在Jupyter笔记本中发布图像：

通过HTML：

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

你仍然可以使用HTML标记来调整大小，等等。。。

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

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

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

如果图像比显示设置宽：thanks

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

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

或通过降价：

（请确保单元格是标记单元格，而不是代码单元格，谢谢注释中的@28216;凯超）

对于网络图像：

![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)

如@cristianmtr所示 注意不要在url周围使用这些引号""或那些''。

或本地的：

![title](img/picture.png)

由@Sebastian演示