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

Question

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

![](img.png)

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

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

Answer 1

你可以直接使用html

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

我认为这是正确的方法。不幸的是，jupyter 的降价渲染器不支持 [块属性](https://kramdown.gettalong.org/quickref.html#block-attributes) (`{: width=200}`)。 (2认同)
很好的答案！高度和宽度可以同时设置吗？ (2认同)

Answer 2

可以在Jupyter降价中进行图像控制,但图像需要以"附件"开头,否则不显示.

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

使用网址可以直接使用:

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

在 Jupyter Lab 中，我成功地使用 `width=200` 调整了大小，但没有使用 `style="width: 200px;"`。 (2认同)
问题是，使用此语法时，附件不再被识别并导出为 html、reveal 等。 (2认同)
目前，这在 Colab 中有效，但答案的正文却无效。<img src="https://image.slidesharecdn.com/tensorflowppt-160408142819/95/tensorflow-4-638.jpg?cb=1460125744" width="500px"/> (2认同)

Answer 3

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

奇怪的是，它对我不起作用，它只是给出空白。由于某种原因，我猜它没有加载附件。（我正在使用最新版本的 Jupyter 笔记本和 python 顺便说一句 (3认同)
这应该是正确的答案，它也可以在 src 标签中使用 url 与 google colab 一起使用 (2认同)
我在 Jupyter 中发现宽度确实有效，但高度不起作用。 (2认同)
对我有用，不需要“附件：”并且无需 div 即可工作 (2认同)

Answer 4

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

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

Answer 5

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

例如

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

如果图像是本地文件filename=，url=则使用代替。