komoto / エンジニアブログ

プログラミングについてアウトプットします。

【Markdown】はてなブログのMarkdown記法で画像サイズを変更する

デフォルトでは画像サイズが大きすぎて逆に見にくいため、Markdown記法で画像サイズを変更する方法について調べました。

画像サイズを変更するには

画像を貼り付けたらその箇所に[○○:plain]と記述されると思います。

これを[○○:plain:w300]とすれば、幅を300pxに変更できます。

高さを変更するには[○○:plain:h300]にすれば変更できます。

デフォルト[○○:plain]↓

f:id:tkmt-hrkz:20200524220312p:plain

幅300px[○○:plain:w300]↓

f:id:tkmt-hrkz:20200524220312p:plain:w300

幅600px[○○:plain:w600]↓

f:id:tkmt-hrkz:20200524220312p:plain:w600

高さ300px[○○:plain:h300]↓

f:id:tkmt-hrkz:20200524220312p:plain:h300

小さい画像を大きくすることはぼやけるのでできませんが、大きすぎる画像を小さく表示したいときは以上の方法で調整できます。