我想包括在木星笔记本图像。
如果我做了以下操作，它就会起作用:
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
当前回答
虽然上面的很多答案都给出了使用文件或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 = =)
其他回答
虽然上面的很多答案都给出了使用文件或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 = =)
或者，你可以使用一个普通的HTML <img src>，它允许你改变高度和宽度，并且仍然被markdown解释器读取:
<img src="subdirectory/MyImage.png" width=60 height=60 />
我很惊讶这里没有人提到html单元格魔法选项。 从文档(IPython，但同样为Jupyter)
% % html 将单元格呈现为HTML块
同意，我有同样的问题，这是什么工作，什么不:
WORKED: <img src="Docs/pinoutDOIT32devkitv1.png" width="800"/>
*DOES NOT WORK: <img src="/Docs/pinoutDOIT32devkitv1.png" width="800"/>
DOES NOT WORK: <img src="./Docs/pinoutDOIT32devkitv1.png" width="800"/>*
除了使用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
