对于在Google Colaboratory上使用Markdown的用户，不需要将图像上传到会话存储文件夹或在Google Drive上链接。如果图像有一个URL，并且它可以包含在Jupyter笔记本中，并且其大小改变如下：

<img src="https://image.png" width="500" height="500" />

请注意，只输入width而完全不输入height可以使图像适应小屏幕（例如手机）。

我为在Jekyll中使用自定义大小的 img 标签编写了一个简单的标签解析器。

https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079

{% img /path/to/img.png 100x200 %}

您可以将该文件添加到_plugins文件夹中。

对于R-Markdown，以上两种解决方案都不适用于我，所以我转向使用常规LaTeX语法，这个方法非常有效。

\begin{figure}
 \includegraphics[width=300pt, height = 125 pt]{drawing.jpg}
\end{figure}

然后您可以使用例如\begin{center}语句来使图片居中。

在Jupyter Notebook中调整Markdown图片附件大小

我正在使用 jupyter_core-4.4.0 和jupyter notebook。

如果你是通过像这样将图片插入到Markdown中来添加图片：

![Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png](attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png)

这些附件链接无法使用：

<img src="attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png" width="500"/>

这样做。这个方法有效。

只需添加 div 标签。

<div>
<img src="attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png" width="500"/>
</div>

希望这能帮到你！

当使用Flask（我正在使用它与静态页面）时... 我发现在调用markdown时在扩展中明确启用'attr_list'（出于某种原因，默认情况下未启用）可以解决问题 - 然后可以使用属性（也非常有用以访问CSS - class="my class"，例如...）。
FLATPAGES_HTML_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}

供日后参考：

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

<img src=":/7653a812439451eb1803236687a70ca" width="450"/>

此功能是在此处被请求的，如Laurent所承诺，已经实现。

我花了一些时间才找到Joplin的具体答案。

有一种方法可以添加类和CSS样式

![图片][标志]{.类名}

然后在下面写链接和CSS

[logo]: (picurl)

<style type="text/css">
    .classname{
        width: 200px;
    }
</style>

Reference Here

通过普通的向后兼容的 MD ：

![<alt>](<imguri>#<w>x<h> "<title>")

w, h用于定义边界框以适应内容，例如在Flutter包中https://pub.dev/packages/flutter_markdown

代码：https://github.com/flutter/packages/blob/9e8f5227ac14026c419f481ed1dfcb7b53961475/packages/flutter_markdown/lib/src/builder.dart#L473

请重新考虑使用破坏兼容性的HTML解决方法，因为人们可能会使用本地/非HTML组件应用程序来显示Markdown。

将图片URL放入下面的标签中。记得根据需要更改宽度和高度。 像这样：

<img src="IMAGE_URL_HERE"  width="300" height="300">

您可以仅指定宽度或高度属性，也可以两者同时指定。

或者，您可以通过百分比值来改变图像大小，如下所示:

<img src="IMAGE_URL_HERE"  width=50% height=50%>

添加相对尺寸到源URL中，在大多数Markdown渲染器中都能呈现。我们在Corilla中实现了这一点，因为我认为这种模式符合现有工作流的期望，而不需要用户依赖基本的HTML。如果您喜欢的工具没有遵循类似的模式，那么提出一个功能请求是值得的。
语法示例： ![a-kitten.jpg](//corilla.com/a-kitten-2xU3C2.jpg =200x200) 小猫示例：