插入本地显示的图像

快速解决方案:观看这个视频(1:36)https://www.youtube.com/watch?v=Vw1EZh1My8s

简而言之:

转到.ipynb所在的位置。 创建名为images的文件夹，并将你想要插入jupyter中的图像粘贴到images文件夹中 在浏览器上打开。ipynb文件，点击单元格，输入: 有一个下拉按钮被称为代码。改成Markdown 华友世纪! !现在按shift + Enter键运行代码

参考图片

同意，我有同样的问题，这是什么工作，什么不:

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"/>*

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

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

虽然上面的很多答案都给出了使用文件或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 = =)

我对这个主题做了一些研究，并找到了在Jupyter Notebook中插入图像的4种方法，我在文章中描述过。

1. 拖放图像到单元格(最简单!)

请将单元格切换为markdown类型，然后将图像拖放到那里。图像将被内部编码为Base64，其文本表示形式将包含在ipynb文件中。我建议只对小图像使用此方法，因为您的笔记本ipynb文件可能会变得非常大且滞后(如果放入太多大图像)。

2. 插入托管映像

将图像上传到服务器(可能是Imgur或GitHub)，并在Markdown中输入图像URL:

![alternative text goes here](path-to-the-image)

3.插入本地文件映像

您可以对本地映像使用上述方法，但它需要具有与笔记本相同的根目录。

在Markdown:

![alternative text](path-to-image)

或者你可以使用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笔记本上发布图片有几种方法:

通过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)

如果图像比显示设置宽:谢谢

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

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

或者通过降价:

确保单元格是markdown单元格，而不是代码单元格，谢谢@游凯超在评论中) 请注意，在某些系统上，降价不允许文件名中有空白。感谢评论中的@CoffeeTableEspresso和@zebralamy) (在macos上，只要你在markdown单元格上，你就会这样做:，不用担心留白)。

对于网页图像:

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

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

或者是当地的:

![title](img/picture.png)

@Sebastian演示