使用markdown调整jupyter笔记本中的图像大小

时间:2017-01-11 19:12:48

标签: html image jupyter-notebook markdown jupyter

我想在Jupyter笔记本中添加图像,我希望有特定的高度和宽度。 当我尝试使用

添加图像时
  

![](img.png)

代码正在添加完整的图片,但根据图片尺寸,我无法控制它。 我尝试使用![](img.png = 200x100)但是图像没有出现。

有人知道添加具有预先指定尺寸的图像的方法吗?

5 个答案:

答案 0 :(得分:28)

您可以直接使用html

<img src="image.JPG" alt="Drawing" style="width: 200px;"/>

答案 1 :(得分:16)

Jupyter markdown中的图像控制是可能的,但图像需要在&#34;附件&#34;之后。或者它没有显示。

<img src="attachment:image.png" width="400">

Cf. Simon Byrne.

使用网址可以直接使用:

<img src=https://image.slidesharecdn.com/tensorflowppt-160408142819/95/tensorflow-4-638.jpg?cb=1460125744 width="500">

答案 2 :(得分:10)

如果要通过将图像插入Markdown来附加图像,则如下所示:

![Screenshot.png](attachment:Screenshot.png)

这些attachment链接不起作用

<img src="attachment:Screenshot.png" width="500"/>

执行此操作。此操作有效。 只需添加div括号即可:

<div>
<img src="attachment:Screenshot.png" width="500"/>
</div>

希望这会有所帮助!

PS 我正在使用jupyter_core-4.4.0和jupyter笔记本。

答案 3 :(得分:3)

您需要使用Mark所展示的HTML,因为您无法使用![](img.png)语法来使用HTML。来自John Gruber's website

  

在撰写本文时,Markdown没有用于指定图像尺寸的语法;如果这对您很重要,则只需使用常规HTML标签即可。

答案 4 :(得分:1)

您还可以使用Image中的IPython.display模块

https://ipython.org/ipython-doc/3/api/generated/IPython.display.html#IPython.display.Image

例如

from IPython.display import Image
Image(url='https://www.maxpierini.it/ncov/pics/ITA.png', width=200)

如果图像是本地文件,请使用filename=代替url=