タグ

2020年9月10日のブックマーク (1件)

  • WordPressで画像にwidthとheightを追加する方法

    記述例 <img src="xxx.png" width="300" height="250"> 対応ブラウザ width属性とheight属性は以下のブラウザでサポートされています。 IEEdgeFirefoxChromeSafari widthとheightを付けるメリット 画像にwidth属性とheight属性を付けるとどのような利点があるのか説明します。 レイアウトシフトを回避できる FirefoxやChromeなどのメジャーなブラウザでは、img要素にwidthとheight属性を指定することで、画像が読み込まれる前に画像のサイズを計算してレイアウトを確保します。 画像の遅延読み込みをしている場合、画像のサイズを指定しておかないと画像が読み込まれた後にレイアウトが動いてしまう可能性があります。 レイアウトが動いてしまうことでユーザーに不要なクリックを誘発したり、アンカーリンクのス

    WordPressで画像にwidthとheightを追加する方法
    hanaboh
    hanaboh 2020/09/10
    求めていたもの