如何在Jupyter Markdown中调整图片尺寸？指定宽高语法无效求助

阿华AIGC实验室

2026-5-28

解决Jupyter Markdown中图片尺寸调整无效的问题

嘿，我太懂这个困扰了！Jupyter的Markdown渲染器对图片尺寸的参数写法和普通Markdown不太一样，你用的![NN](./img/NN.png, width=100, height=100)这种带逗号的参数格式确实不会生效。给你几个亲测有效的解决办法：

直接使用HTML的<img>标签（最推荐）
Jupyter完全支持在Markdown单元格里嵌入HTML代码，这是调整图片尺寸最稳妥的方式，还能灵活添加其他样式：
```
<img src="./img/NN.png" alt="NN" width="100" height="100">
```
如果你想要响应式的尺寸（比如占单元格宽度的50%），也可以用百分比：
```
<img src="./img/NN.png" alt="NN" style="width:50%;">
```
利用CSS样式统一设置（进阶玩法）
如果你需要给多个图片统一设置样式，可以在Notebook里添加一个自定义CSS代码单元格（代码类型选%%html）：
```
%%html
<style>
  .small-img {
    width: 100px;
    height: 100px;
    margin: 10px 0;
  }
</style>
```
之后在Markdown里引用这个类就能快速套用样式：
```
<img src="./img/NN.png" alt="NN" class="small-img">
```