人们可以利用alt属性，该属性可以在几乎所有Markdown实现/渲染中设置，以及基于属性值的CSS选择器。优点是可以轻松定义一整套不同的图片大小（以及其他属性）。

标记：

![minipic](mypic.jpg)

CSS:

img[alt="minipic"] { 
  max-width:  20px; 
  display: block;
}

我来这里寻找答案。这里有一些很棒的建议。黄金信息指出markdown完全支持HTM1！

一个好的干净的解决方案总是使用纯html语法。使用标签。

但我仍然试图坚持markdown语法，所以我尝试将其包装在一个标记周围，并在div标记中添加我想要的图像属性。它奏效了！！

<div style="width:50%">![Chilling](https://www.w3schools.com/w3images/fjords.jpg)</div>

因此，支持外部图像！

我想我会把这个放在那里，因为它没有在任何答案中

在Tiemes答案的基础上，如果您使用CSS 3，可以使用子字符串选择器：

此选择器将匹配以“-fullwidth”结尾的alt标记的任何图像：

img[alt$="-fullwidth"]{
  width:  100%;
  display: block;
}

然后，您仍然可以使用alt标记来描述图像。

上面的标记可能类似于：

![Picture of the Beach -fullwidth](beach.jpg)

我在Ghost markdown中使用过这个，而且效果很好。

对于所有在R markdown/bookdown中工作的解决方案，上述解决方案不工作或需要略微调整：

工作

追加｛width=50%｝或｛width=50%height=50%｝![foo]（foo.png）｛width=50%｝![foo]（foo.png）｛宽度=50%高度=50%｝重要提示：宽度和高度之间没有逗号，即{width=50%，height=30%}不起作用！追加｛height=“36px”width=“36px”｝![foo]（foo.png）｛height=“36px”width=“36px”｝注意：带冒号的｛：height=“36px”width=“36px”｝（来自@sayth）似乎不适用于R markdown

不工作：

附加=宽度x高度在图形文件的URL之后调整图像大小（从@prosseek）两者都不=宽度x高度！[foo]（foo.png=100x20）nor=仅宽度！[foo]（foo.png=250x）工作

你可以在kramdown中使用这个：

markdown
![drawing](drawing.jpg)   
{:.some-css-class style="width: 200px"}

or

markdown
![drawing](drawing.jpg)   
{:.some-css-class width="200"}

这样，您可以直接向最后一个html元素添加任意属性。要添加类，有一个快捷方式.class.secondclass。

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

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