这一条对我有用，它不在一条线上，但我希望它对你有用。

<div>
<img src="attachment:image.png" width="500" height="300"/>
</div>

如果每个md文件中有一个图像，控制图像大小的一种简便方法是：

添加css样式如下：

## Who Invented JSON?
`Douglas Crockford`

Douglas Crockford originally specified the JSON format in the early 2000s.
![Douglas Crockford](img/Douglas_Crockford.jpg)

<style type="text/css">
    img {
        width: 250px;
    }
</style>

输出如下：

如果每个md页面中有更多的图像，那么控制每个图像或每个自定义标记的简便方法是在css中定义每个元素。对于img标记，我们可以有：

//在css或样式标签中：img[alt=“结果1”]{宽度：100px；}img[alt=“结果2”]{宽度：200px；}img[alt=“结果3”]{宽度：400px；}//尝试使用以下方法之一在文档中插入图像：<br/><img src=“https://i.stack.imgur.com/xUb54.png“alt=”结果1“><br/><img src=“https://i.stack.imgur.com/xUb54.png“alt=”结果2“><br/><img src=“https://i.stack.imgur.com/xUb54.png“alt=”结果3“><br/><br/>在md中：<br/>![结果1]（img/res-img-1.png）<br/>![结果2]（img/res-img-2.png）<br/>![结果3]（img/res-img-3.png）

对于那些热衷于手工和针织解决方案的人。有一些方法可以在不使用html的情况下调整.rmd文件中的图像大小：

您可以简单地通过添加｛width=123px｝来指定图像的宽度。不要在括号之间引入空格：

![image description]('your-image.png'){width=250px}

另一种选择是使用knifer:：include_graphics:

```{r, fig.cap="image description", out.width = '50%'}
knitr::include_graphics('your-image.png')
```

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

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

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

标记：

![minipic](mypic.jpg)

CSS:

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

供将来参考：

Joplin的Markdown实现允许以以下方式控制导入图像的大小：

<img src=“：/7653a812439451eb1803236687a70ca”width=“450”/>

这项功能是在这里请求的，正如Laurent承诺的那样，这项功能已经实现。

我花了一段时间才弄清楚乔普林的具体答案。