只需使用：

<img src="Assets/icon.png" width="200">

而不是：

![](Assets/icon.png)

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

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

语法示例：

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

小猫的例子：

当使用Flask时（我将其用于平面页面）。。。我发现，在markdown调用中的扩展中显式地启用（由于某种原因，默认情况下不是这样）“attr_list”可以实现这一点，然后可以使用属性（对于访问CSS也非常有用-例如，class=“my class”…）。

FLATPAGES_HML_RENDERER=prerender_jinja

以及功能：

def prerender_jinja(text):
    prerendered_body = render_template_string(Markup(text))
    pygmented_body   = markdown.markdown(prerendered_body, extensions=['codehilite', 'fenced_code', 'tables', 'attr_list'])
    return pygmented_body

然后在Markdown中：

![image](https://octodex.github.com/images/yaktocat.png "This is a tooltip"){: width=200px}

Tieme的答案在大多数情况下都是最好的。

在我的例子中，我使用pandoc将markdown转换为乳胶。HTML标记在这里不起作用。

我的解决方案是重新实现includegraphics

\let\maxincludegraphics\includegraphics
\renewcommand{\includegraphics}[1]{\maxincludegraphics[max width=\textwidth]{#1}}

类似于在转换为HTML后使用CSS。

对于所有在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）工作

如果使用markdown，首先需要启用HTML渲染：

const md = require("markdown-it")({
  html: true,
});

然后可以在.md文件中使用：

<img src="" alt="drawing" width="100%" height="200"/>