HTML <img>幅属性
例
高さ600ピクセル、幅500ピクセルの画像：
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
このwidth属性は、画像の幅をピクセル単位で指定します。
ヒント：画像の属性heightと属性の両方を常に指定してください。
width高さと幅が設定されている場合、ページの読み込み時に画像に必要なスペースが予約されます。ただし、これらの属性がないと、ブラウザは画像のサイズを認識せず、適切なスペースを予約できません。その結果、読み込み中（画像の読み込み中）にページレイアウトが変更されます。
ヒント：
height and属性を使用して大きな画像をダウンサイジングするとwidth、ユーザーは大きな画像をダウンロードする必要があります（ページ上で小さく見えても）。これを回避するには、ページで使用する前に、プログラムを使用して画像を再スケーリングします。
ブラウザのサポート
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
構文
<img width="pixels">
属性値
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮HTML<img>タグ