使用降价调整jupyter笔记本中的图像大小答案

【问题标题】：Resize the image in jupyter notebook using markdown使用降价调整jupyter笔记本中的图像大小
【发布时间】：2017-05-26 17:14:39
【问题描述】：

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

添加图像时

![](img.png)

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

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

【问题讨论】：

【解决方案1】：

我在 JupyterHub 实例中使用 JupyterLab，其他答案对我不起作用。我已经用<div> 在我的图像周围解决了这个问题。这是我的 400px 宽度和右对齐的图像：

<div style="max-width:400px;margin-left: auto; margin-right: 0;">
    ![My Image alt text](image.jpg)
</div>

【讨论】：

【解决方案2】：

你也可以使用IPython.display中的Image模块

例如

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

如果图像是本地文件，请使用 filename= 而不是 url=。

【讨论】：

【解决方案3】：

如果您通过将图片插入到降价中来附加图片，如下所示：

![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 notebook。

【讨论】：

【解决方案4】：

您需要使用 Mark 向您展示的 HTML，因为您无法使用 ![](img.png) 语法来做到这一点。来自John Gruber's website：

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

【讨论】：

【解决方案5】：

Jupyter markdown 中的图像控制是可能的，但图像需要在前面加上“附件”，否则它不会显示。

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

使用 url 它可以直接工作：

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

【讨论】：

在 Jupyter Lab 中，我成功地使用 width=200 调整大小，但不是 style="width: 200px;"。
问题是使用这种语法时附件不再被识别并导出为html、reveal等。
请注意，至少对我而言，我首先必须通过击键粘贴到 Markdown 单元格中以创建 ![](img.png) 语法，然后替换与上述。不然好像找不到附件源图片（attachment:image.png）。
目前这在 colab 中有效，而答案的正文则无效。 image.slidesharecdn.com/tensorflowppt-160408142819/95/…" width="500px"/>

【解决方案6】：

可以直接使用html

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

【讨论】：