使用Markdown在Jupyter Notebook中调整图像大小

79

我想在Jupyter笔记本中添加图像，并且要具有特定的高度和宽度。当我尝试使用添加图像时

![](img.png)

代码添加了完整的图像，但是根据图像尺寸，我无法控制它。我尝试使用！[]（img.png = 200x100），但是图像没有出现。

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

html  image  jupyter-notebook  markdown  jupyter 
— 安尼尔·维尔玛（Anil Verma）
source
— Waylan'1
将来如果您使用！[alt]，您将看到“ alt”出现，并且知道它正在工作，但是链接中的某些内容不起作用。
— rAntonioH

Answers:

65

您可以直接使用html

<img src="image.JPG" alt="Drawing" style="width: 200px;"/>
— 标记
source
1
我认为这是正确的方法。遗憾的是，jupyter的markdown渲染器不支持块属性（{: width=200}）。
— Quantum7 '18
好答案！是否可以同时设置高度和宽度？
— edesz
44

可以使用Jupyter markdown进行图像控制，但是图像必须带有“附件”，否则就不会显示。

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

cf. 西蒙·伯恩。

使用网址可以直接使用：

<img src=https://image.slidesharecdn.com/tensorflowppt-160408142819/95/tensorflow-4-638.jpg?cb=1460125744 width="500">
— ude惜
source
1
在Jupyter Lab中，我成功调整了的大小，width=200但没有成功style="width: 200px;"。
— webelo
2
问题在于，使用此语法时，附件不再被识别并导出到html，reveal等。
— memeplex '19
请注意，至少对我而言，我首先必须通过击键将其粘贴到Markdown单元中以创建![](img.png)语法，然后将其替换为上面的语法。否则，似乎找不到附件源图像（attachment:image.png）。
— ijoseph '19
1
目前，这在colab中有效，而答案的主体却不起作用。<img src =“ image.slidesharecdn.com/tensorflowppt-160408142819/95/… ” width =“ 500px” />
— 亚瑟
39

如果要通过将图像插入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笔记本。

— 有趣的先生
source
1
这应该是正确的答案，它也可以在src标记中使用url与google colab配合使用
— ego2509'4
1
奇怪，它对我不起作用，只是给空白。由于某种原因，我想它没有加载附件。（我正在使用Jupyter笔记本和python btw的最新版本
— Raunak Thomas
7

您需要使用Mark所展示的HTML，因为您不能使用![](img.png)语法来实现。从John Gruber的网站：

在撰写本文时，Markdown尚无用于指定图像尺寸的语法。如果这对您很重要，则可以简单地使用常规HTML标记。

— 勒莱温
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.