在木星笔记本上使用减价来调整图像的大小

我想添加在木星笔记本的形象，我想有特定的高度和宽度。 当我尝试使用

![](img.png)

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

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

160884 次浏览
小开

可以直接使用 html

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

图像控制在 Jupyter 减价是可能的，但图像需要在“附件”之前，否则不会显示。

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

你需要像 Mark 展示的那样使用 HTML，因为你不能使用 ![](img.png)语法:

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

小开

如果你通过像下面这样把图片插入标记中来附加图片:

![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 笔记本。

小开

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

Https://ipython.org/ipython-doc/3/api/generated/ipython.display.html#ipython.display 形象

比如说

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

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

小开

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

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

在此输入图像描述

将此“代码”更改为“标记”，如截图所示。稍后添加

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

你完了


提交答案