我想在jupyter笔记本中包含图片。
如果我做了下面的事情,它就会工作。
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
在markdown中,你不能在图像文件的名称周围使用引号。
如果你仔细阅读你的错误信息,你会看到链接中的两个%22
部分。那是html编码的引号。
你必须改变这一行
![title]("img/picture.png")
改为
![title](img/picture.png)
更新
假设你有以下的文件结构,并且你在存放example.ipynb
文件(<--包含图片的标记)的目录中运行jupyter notebook
命令。
/
+-- example.ipynb
+-- img
+-- picture.png
有几种方法可以在Jupyter笔记本中发布图片。
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('https://i.ytimg.com/vi/j22DmsZEv30/maxresdefault.jpg', width=1900, unconfined=True))
(确保该单元格是markdown单元格,而不是代码单元格,感谢评论中的@游凯超)
为网络图片:
![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)
如@cristianmtr所示
注意不要使用这些引号""
或url周围的那些''
。
或一个本地的:
![title](img/picture.png)
由@Sebastian 展示
我'很惊讶这里没有人提到html单元格魔术选项。 来自[docs]1
%%html
将单元格渲染为HTML块
[1]: https://ipython.org/ipython-doc/3/interactive/magics.html
如果你想使用Jupyter Notebook API(而不是IPython的了),我找到了ipywidgetsJupyter'的子项目。
你有一个Image
小部件。
Docstring指定你有一个value
参数,是一个字节。
所以你可以这样做。
import requests
from ipywidgets import Image
Image(value=requests.get('https://octodex.github.com/images/yaktocat.png').content)
我同意,使用Markdown风格更简单。
但它向你展示了Image display Notebook API。
你也可以用width
和height
参数调整图片的大小。
注意:你应该在你的电脑上有一个图像的本地副本。 您的电脑上应该有图片的本地副本**。
你可以把图片插入到Jupyter笔记本本身。 这样就不需要把图片单独放在文件夹里了。
操作步骤:。
现在进入菜单栏,选择编辑->。 插入图像。
3.从你的磁盘中选择图像并上传。
按Ctrl+Enter</kbd>。 或Shift+Enter。
这样就可以让图片成为笔记本的一部分,你不需要在目录或Github中上传。 我觉得这样看起来更简洁,不容易出现断点问题。
下面是Jupyter和Python3的解决方案。
我把我的图片放到了一个名为 "ImageTest "的文件夹里。 我的目录是:
C:\Users\MyPcName\ImageTest\image.png
。
C:\Users\MyPcName\ImageTest\image.png
为了显示形象,我用了这样的表达方式。
![title](/notebooks/ImageTest/image.png "ShowMyImage")
还要注意/
和/
。