虽然上面的很多答案都给出了使用文件或Python代码嵌入图像的方法，但有一种方法只使用markdown和base64就可以在jupyter笔记本中嵌入图像!

要在浏览器中查看图像，base64编码的png图像可以访问链接data:image/png;base64，**image data here**， base64，**image data here**， base64，**image data here**。在答案的末尾可以找到一个示例链接。

要将其嵌入到markdown页面中，只需使用与文件答案类似的构造，但使用base64链接:。现在你的图像是100%嵌入到你的Jupyter笔记本文件!

链接示例:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAD9JREFUGJW1jzEOADAIAqHx/1+mE4ltNXEpI3eJQknCIGsiHSLJB+aO/06PxOo/x2wBgKR2jCeEy0rOO6MDdzYQJRcVkl1NggAAAABJRU5ErkJggg==

减价示例: !(微笑)(数据:图像/ png; base64, iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs + 9 aaaabhncsvqicagifahkiaaaad9jrefugjw1jzeoadaiaqhx / 1 + mE4ltNXEpI3eJQknCIGsiHSLJB + aO / 06 pxoo / x2wBgKR2jCeEy0rOO6MDdzYQJRcVkl1NggAAAABJRU5ErkJggg = =)

出于某种原因，没有其他解决方案对我有效。以下是有效的方法:

将单元格更改为markdown 复制过去:

<div>
<img src="attachment:name.png" width="600"/>
</div>

在</div>后在同一单元格中创建一个空行，并使用鼠标将图像放到这一行中。 你会看到这样的东西:

<div>
<img src="attachment:name.png" width="600"/>
</div>
![yourname.jpg](attachment:yourname.jpg)

复制你的name.jpg，然后去掉你的name.png 删除! [yourname.jpg](附件:yourname.jpg)。 最终的结果应该是这样的:

<div>
<img src="attachment:yourname.jpg" width="600"/>
</div>

运行sell (shift+enter)，您将看到您的图像

以下是你如何用Markdown做到这一点:

![Image of Yaktocat](https://octodex.github.com/images/yaktocat.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

下面是Jupyter和Python3的解决方案:

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

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

为了显示图像，我使用了这个表达式:

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

还要注意/和\