どうも上かるびです。 imgタグのwidth/heightの値を入力することでレイアウトシフトが防げる、というのは割と有名なお話です。 ただそのwidth/heightの値をどうやって取得しているのかってあまり話題にならないですよね。 今回はVSCode上で簡単に画像(imgタグ)のwidthとheightを取得できる方法をご紹介します。 ネコーダー いくつか条件があるから気をつけてね! VSCodeのデフォルト機能で取得できる 私も2021年の暮れ頃に初めて知ったのですが、VSCodeのデフォルト機能で画像のwidth/heightの値を取得できます。 Update image sizes - VS Code Can Do That - Workshopburkeholland.gitbook.io 上記公式ページにやり方が書いてあります。 手順だけ日本語で説明すると以下になります。 i
![VSCodeで画像(imgタグ)のwidthとheightを自動入力する方法 | 教えて!おねだーりん](https://cdn-ak-scissors.b.st-hatena.com/image/square/2330bf9c1e8200ad51193ac14d8c538b1ec6b0ec/height=288;version=1;width=512/https%3A%2F%2Fonedarling.site%2Fwp-content%2Fuploads%2F2022%2F02%2Fcalc-1.jpg)