Q.

MarkDownでで画像を表示する時、max-width max-heightを指定する方法はありますか?


A.

はい、Markdown単体では ![]() で画像を貼るだけだと、直接 max-widthmax-height を指定する方法はありません
ただし、HTMLタグをMarkdown内に直接書くことで対応できます。

たとえば次のように書きます:

<img src="画像URL" style="max-width:300px; max-height:300px;">

これなら、max-widthmax-height をきちんと設定できます。


ポイントまとめ

  • ![]()だけでは無理
  • <img>タグを使えばOK
  • style="max-width:◯px; max-height:◯px;"の形で書く

ちなみに、もし環境によって(たとえばHugoとかGitHubとか)CSSで自動的にMarkdown画像にスタイルをあてたい場合は、別途CSSを指定する方法もあります。
その場合は普通に ![]() で書いて、CSS側で img { max-width: 100%; } などを指定する感じです。

使っている環境は何ですか?(Hugoとか、Notionとか、ブログサービスとか?)
それによってさらに最適な方法もアドバイスできます!🌟