使用降價調整jupyter筆記本中的圖像大小

Question

我想在 Jupyter 筆記本中添加圖像，並且我想要具有特定的高度和寬度。 當我嘗試使用添加圖像時

![](img.png)

該代碼正在添加完整的圖像，但根據圖像尺寸，我無法控制它。 我嘗試使用但是圖像沒有出現。

有人知道添加具有預先指定尺寸的圖像的方法嗎？

Answer 1

可以直接使用html

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

Answer 2

如果您通過將圖像插入降價來附加圖像，如下所示：

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

Answer 3

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">

Answer 4

您需要使用 Mark 向您展示的 HTML，因為您不能使用![](img.png)語法來做到這一點。 從約翰格魯伯的網站：

在撰寫本文時，Markdown 沒有用於指定圖像尺寸的語法； 如果這對您很重要，您可以簡單地使用常規 HTML 標簽。

Answer 5

您還可以使用IPython.display Image模塊

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= 。

Answer 6

我在 JupyterHub 實例中使用 JupyterLab，其他答案對我不起作用。 我已經用我的圖像周圍的<div>解決了這個問題。 這是我的 400px 寬度和右對齊的圖像：

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

Answer 7

在此處輸入圖像描述

將此“代碼”更改為“Markdown”，就像屏幕截圖一樣。 稍后添加

<div> <img src="bar graph.png" alt="Drawing" style="width: 400px;"/></div> 

你完成了