如何在jupyter笔记本中嵌入图像或图片,无论是从本地计算机还是从web资源?

2020-12-02 20:42:32 发布

您现在位置:Python中文网/ 问答频道 /正文

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

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

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
3条回答
网友
1楼 ·

有几种方法可以在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演示

网友
2楼 ·

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

<img src="subdirectory/MyImage.png",width=60,height=60>
网友
3楼 ·

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

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

你必须改变路线

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

![title](img/picture.png)

更新

假设您具有以下文件结构,并且在存储文件example.ipynb(<;--包含图像的标记)的目录中运行jupyter notebook命令:

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

相关问题