Markdownで画像のサイズ指定をしたい場合

Markdownでimgタグを作成する場合、 指定できる属性はalt属性とtitle属性です。 残念ながらサイズ指定までは対応していません

サイズ指定したい場合はMarkdownではなく、 自分でimgタグを記述するしかありません。 この点は少し不便なところです。

自分で画像のサイズ指定をする

<img src="画像URL" alt="代替テキスト" width="300" height="200">

このように、width属性(幅)と height属性(高さ)を使ってサイズを指定します。

もしくは、CSSを使ってサイズ指定する方法もあります。

<img src="画像URL" alt="代替テキスト" class="w300h200">
CSS設定
.w300h200 {
	width: 300;
	height: 200;
}

以下で通常のMarkdownでの画像(imgタグ)記法も書いておきます。

Markdown

![代替テキスト](画像URL)

![代替テキスト](画像URL "タイトル")

HTML

<img src="画像URL" alt="代替テキスト">

<img src="画像URL" alt="代替テキスト" title="タイトル">
Markdown入門
PR