在Markdown中更改图像大小

我刚开始接触Markdown。我喜欢它，但有一件事困扰着我：如何使用Markdown更改图像的大小？

文档仅为图像提供以下建议：

![drawing](drawing.jpg)

如果可能的话，我希望图片也居中。我问的是Markdown将军，而不仅仅是GitHub是如何做到的。

当前回答

我只是在一些图像编辑器中编辑图像-水平放大图像，因此当渲染器调整大小到页面宽度时，它会垂直缩小。

所以，只需添加一些透明的左右边距即可。

其他回答

您可以在Markdown中使用一些HTML：

<img src="drawing.jpg" alt="drawing" width="200"/>

或通过样式属性（GitHub不支持）

<img src="drawing.jpg" alt="drawing" style="width:200px;"/>

或者您可以使用自定义CSS文件，如以下关于Markdown和图像对齐的回答所述

![drawing](drawing.jpg)

另一个文件中的CSS：

img[alt=drawing] { width: 200px; }

结合两个答案，我得出了一个解决方案，看起来可能没那么漂亮，但它奏效了！

它创建了一个具有特定大小的缩略图，可以单击该缩略图以获得最高分辨率的图像。

[<img src="image.png" width="250"/>](image.png)

这是一个例子！我在Visual Code和Github上测试了它。

由于反馈，我们知道这也适用于：

GitLab公司Jupyter笔记本

您可以像这样设置图像末尾的大小：

![image.png](source **=600x400**)

对于某些Markdown实现（包括Mou和Marked 2（仅限macOS）），您可以在图形文件的URL后添加=WIDTHxHEIGHT以调整图像大小。不要忘记=前面的空格。

![](./pic/pic1_50.png =100x20)

您可以跳过高度

![](./pic/pic1s.png =250x)

和宽度

![](./pic/pic1s.png =x250)

将相对维度添加到源URL将在大多数Markdown渲染器中进行渲染。

我们在Corilla中实现了这一点，因为我认为该模式符合现有工作流的预期，而不迫使用户依赖基本的HTML。如果你最喜欢的工具没有遵循类似的模式，那么值得提出一个功能请求。

语法示例：

![a-kitt.jpg]（//corilla.com/a-kitten-2xU3C2.jpg=200x200）

小猫的例子：

推荐文章