如何从本地机器或网络资源将图像或图片嵌入到 jupyter notebook 中？

Question

我想在 jupyter 笔记本中包含图像。

如果我执行以下操作，它会起作用：

 from IPython.display import Image
Image("img/picture.png")

但我想将图像包含在降价单元格中，以下代码会出现 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

原文由 Ger 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Markdown 中的图像文件名称不得使用引号！

如果您仔细阅读错误消息，您会在链接中看到两个 %22 部分。那就是html编码的引号。

你必须改变线路

![title]("img/picture.png")

至

![title](img/picture.png)

更新

假定您具有以下文件结构，并且在存储文件 example.ipynb （<-- 包含图像的降价）的目录中运行 jupyter notebook 命令:

 /
+-- example.ipynb
+-- img
    +-- picture.png

原文由 Sebastian Stigler 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

有几种方法可以在 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)

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

使用 unconfined=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 上，只要你在降价单元格上，你就会这样做： ![title](../image 1.png) ，而不用担心空白）。

对于网络图像：

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

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

或本地的：

 ![title](img/picture.png)

由@Sebastian 展示

原文由 Reblochon Masque 发布，翻译遵循 CC BY-SA 4.0 许可协议