📷
Markdownで画像をリサイズする
概要
今はFlutterで開発をしているのですが、iOS SimulatorなどのスクショをGithubなどにアップロードすると、サイズがバカでかく表示されてしまいます。
勿論これに対処する記事は見つかったのですが、なぜか自分がやってみても表示されません。
結局、とても簡単なミス(?)が原因だとわかり、共有しようと思った次第です。
↓こんな感じ
解決策
Markdownでの画像のリサイズするには
ではなく、
<img src="画像のURL" width="サイズ">
を使用します。（参考記事そのまま）
しかし「サイズ」に300などの値を直接入れてはいけません。
"300px"と指定しましょう。
こんな感じ：
<img src="https://storage.googleapis.com/zenn-user-upload/90a27c923a73-20230201.png" width= "300px" >
すると、先ほどの画像がこうなります↓
Zennで画像をリサイズする方法
余談ですが、↑で紹介した方法は、Zennでは通用しません（体験済み）
ZennのMarkdownで画像をリサイズするには、
と書く必要があります。
※注意
・300pxではなく300x
・画像パスと=300xの間には、スペースが必要
参考記事
Discussion