我想包括在木星笔记本图像。
如果我做了以下操作，它就会起作用:
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 Notebook中插入图像的4种方法，我在文章中描述过。
1. 拖放图像到单元格(最简单!)
请将单元格切换为markdown类型，然后将图像拖放到那里。图像将被内部编码为Base64，其文本表示形式将包含在ipynb文件中。我建议只对小图像使用此方法，因为您的笔记本ipynb文件可能会变得非常大且滞后(如果放入太多大图像)。
2. 插入托管映像
将图像上传到服务器(可能是Imgur或GitHub)，并在Markdown中输入图像URL:
3.插入本地文件映像
您可以对本地映像使用上述方法，但它需要具有与笔记本相同的根目录。
在Markdown:
或者你可以使用Python:
from IPython import display
display.Image("path-to-image")
将图像转换为Base64(仅适用于小图像)
与第一步类似，不同之处在于转换到Base64是手动完成的。
Python代码:
from IPython import display
from base64 import b64decode
base64_data = "iVBORw0KGgoAAAANSUhEUgAABL ... the rest of data "
display.Image(b64decode(base64_data))
应该用于相当小的图像。
我个人对GitHub存储库中托管的图像使用第二种方法。
其他回答
如果你想使用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。还可以使用宽度和高度参数调整图像的大小。
这在廉价牢房里很管用。不知何故，我不需要特别提到它是一个图像或一个简单的文件。
在markdown中，您不能在图像文件的名称周围使用引号!
如果仔细阅读错误消息，您将在链接中看到%22的两个部分。这是html编码的引号。
你得换条线
![title]("img/picture.png")
to
更新
假设您拥有以下文件结构，并且在文件示例所在的目录中运行jupyter notebook命令。Ipynb(<——包含图像的markdown)被存储:
/
+-- example.ipynb
+-- img
+-- picture.png
我知道这不是完全相关的，但由于这个答案是第一次当你搜索“如何显示图像在Jupyter”，请考虑这个答案。
您可以使用matplotlib显示如下所示的图像。
import matplotlib.pyplot as plt
import matplotlib.image as mpimg
image = mpimg.imread("your_image.png")
plt.imshow(image)
plt.show()
除了使用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
