使用降价调整Jupyter笔记本中的图像大小

在Jupyter Notebook中，我们可以通过Markdown单元格来添加图像，以便在文档中进行说明和展示。但是，有时候我们需要调整这些图像的大小，以便更好地呈现。

本文介绍如何通过简单的Markdown语法和HTML标签来调整Jupyter笔记本中的图像大小。

Markdown中调整图像大小的语法

Markdown提供了一种简单的语法来添加图像，其中一部分是调整图片大小的选项。

• 使用![alt text](image url){width=50%}来设置图像的宽度为50%。

• 使用![alt text](image url){height=50%}来设置图像的高度为50%。

可以通过其它百分比来调整图像大小，以达到所需的效果。

下面是一个示例：

![Jupyter Logo](https://jupyter.org/assets/nav_logo.svg){width=50%}

这将在Markdown单元格中添加Jupyter Logo图像，并将其大小调整为50%。

使用HTML标签调整图像大小

除了Markdown中的调整图像大小的语法之外，我们还可以使用HTML标签来达到相同的效果。

HTML提供了<img>标签，可以在Jupyter笔记本中使用。我们可以使用width和height属性来调整图像的大小。

下面是一个示例：

<img src="https://jupyter.org/assets/nav_logo.svg" width="50%">

这将在Markdown单元格中添加Jupyter Logo图像，并将其大小调整为50%。

弹性图像大小

在某些情况下，我们可能不想使用固定大小的图像，而是希望图像可以根据浏览器窗口的大小自动调整。这可以使用CSS技术来实现。

通过设置图像的max-width属性为100%，我们可以让图像在浏览器窗口缩小时自动调整大小。下面是一个示例：

<img src="https://jupyter.org/assets/nav_logo.svg" style="max-width:100%;" />

这将在Markdown单元格中添加Jupyter Logo图像，并使其可以在窗口缩小时随之缩小。

结论

在Jupyter笔记本中，我们可以使用Markdown语法和HTML标签来调整图像的大小。使用适当的标记，我们可以让图像符合我们的需求并实现我们的设计。