在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演示

在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演示

设置单元格模式为Markdown 将图像拖放到单元格中。将创建以下命令:

! [image.png](附件:image.png)

执行/运行单元格，图像就会显示出来。

图像实际上嵌入在ipynb Notebook中，您不需要在单独的文件中折腾。不幸的是，这还不能与Jupyter-Lab (v 1.1.4)一起工作。

编辑:工作在JupyterLab版本1.2.6

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

将单元格更改为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)，您将看到您的图像

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

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

我猜你是说在廉价牢房里，在笔记本里。如果是的话，这里有一些最简单的方法:

从本地计算机:

使用文件浏览器，导航到包含图片的目录。然后，将其拖放到要嵌入图片的单元格中。它必须已经在降价模式，否则什么也不会发生。

这样做的好处是:

它很简单，只是拖放

这样做的缺点是:

您不能复制和粘贴该链接，并在任何其他单元格中使用它。如果你想在任何其他笔记本单元格中使用相同的图片，你将需要找到图片，再次拖放到单元格中。 你应该考虑一个文件管理方案，将允许你再次找到图片，如果你计划使用分配的图片在你的笔记本。

这是一种有效的做事方式，对我来说很管用。

来自网络:

最简单的方法是使用浏览器找到一张图片，右键单击“复制图像”，粘贴到你想要显示的图像单元格中。

如上所述，这是有警告的，因为你不能复制这个链接并粘贴到另一个单元格。因此，如果您计划再次使用该图像，则必须将其粘贴到另一个单元格中，或者在本地保存此图像。

图像是嵌入在笔记本电脑，所以应该工作在笔记本电脑打开的任何地方。