Inserting image into IPython notebook markdown
我开始严重依赖IPython笔记本应用程序来开发和记录算法。 太棒了; 但有些东西似乎应该是可能的,但我无法弄清楚如何做到这一点:
我想将本地图像插入到我的(本地)IPython笔记本标记中以帮助记录算法。 我知道足够多的东西可以添加像
到目前为止给出的大多数答案都是错误的方向,建议加载其他库并使用代码而不是标记。在Ipython / Jupyter笔记本中,它非常简单。确保单元格确实在标记中并显示图像使用:
1 | ![alt text](imagename.png"Title") |
与其他方法相比,您可以显示所有常见的文件格式,包括jpg,png和gif(动画)。
笔记本目录中的文件位于"files /"url下。因此,如果它在基本路径中,它将是
更新:从IPython 2.0开始,不再需要
我正在使用ipython 2.0,所以只有两行。
1 2 | from IPython.display import Image Image(filename='output1.png') |
[作废]
IPython / Jupyter现在支持扩展模块,可以通过复制和粘贴或拖放来插入图像。
https://github.com/ipython-contrib/IPython-notebook-extensions
拖放扩展似乎适用于大多数浏览器
https://github.com/ipython-contrib/IPython-notebook-extensions/tree/master/nbextensions/usability/dragdrop
但复制和粘贴仅适用于Chrome。
我把IPython笔记本放在与图像相同的文件夹中。我用的是Windows。图像名称为"phuong huong xac dinh.PNG"。
在Markdown:
1 | <img src="phuong huong xac dinh.PNG"> |
码:
1 2 | from IPython.display import Image Image(filename='phuong huong xac dinh.PNG') |
首先确保您在ipython笔记本单元格中处于降价编辑模型中
这是其他人提出的方法的替代方法
1 | ![title](img/picture.png) |
如果缺少标题,它似乎也有效:
1 | ![](img/picture.png) |
注意路径中不应有引号。不确定这是否适用于带有空格的路径!
最新版本的jupyter笔记本本身接受图像的复制/粘贴
对于那些寻找将图像文件放在Jupyter机器上的位置的人来说,它可以从本地文件系统中显示出来。
我把我的
1 | /root/Images/mypic.png |
(即在Jupyter在线文件浏览器中显示的Images文件夹)
在这种情况下,我需要将以下行放入Markdown单元格,以便在记事本中显示我的图片:
1 | ![My Title](Images/mypic.png) |
将图像输入Jupyter NB比大多数人在这里提到的操作要简单得多。
1)只需创建一个空的Markdown单元格。
2)然后将图像文件拖放到空的Markdown单元格中。
然后会出现插入图像的Markdown代码。
例如,下面以灰色突出显示的字符串将出现在Jupyter单元格中:
3)然后按Shift-Enter执行Markdown单元格。然后Jupyter服务器将插入图像,然后将出现图像。
我在Windows 7上运行Jupyter笔记本服务器是:5.7.4和Python 3.7.0。
这很简单!!
如果要在Markdown单元格中显示图像,请使用:
1 | <img src="files/image.png" width="800" height="400"> |
如果要在代码单元格中显示图像,请使用:
1 2 | from IPython.display import Image Image(filename='output1.png',width=800, height=400) |
minrk的回答是对的。
但是,我发现打印视图中的图像显示中断(在我的Windows机器上运行在Chrome浏览器中运行Anyonda分发的IPython版本0.13.2)
解决方法是使用
这使图像在Print View和普通的iPython编辑视图中都能正确显示。
更新:从升级到iPython v1.1.0开始,不再需要此解决方法,因为打印视图不再存在。实际上,您必须避免此解决方法,因为它会阻止nbconvert工具查找文件。