height属性
属性 height は、
タグ
img で指定された画像の高さを設定します。
現在、この属性は 画像、
iframe、
video
およびその他のいくつかのタグに対してのみ使用することができます。
値はピクセルまたはパーセントで指定できます。 パーセントでサイズを指定した場合、親要素の幅からの割合として計算されます。 ピクセルでサイズを指定する場合、単位は記述しません。
画像に幅も高さも指定されていない場合、画像は実際のサイズで表示されます。 高さのみが指定されている場合、画像は指定された高さになり、幅は縦横比が歪まないように自動調整されます。 幅のみが指定されている場合も同様に、画像は縦横比を保つように高さが調整されます。 幅と高さの両方が指定されている場合、画像の縦横比は歪む可能性があります（歪まない可能性もあります、推測通りに）。 幅または高さ（または両方）が実際のサイズよりも大きい場合、画像は拡大表示されますが、品質は低下します。
画像の幅と高さを属性で指定することをお勧めします。これにより、ブラウザは画像をより速く読み込むことができます。 画像を取得した後に各画像のサイズを計算する必要がなくなるためです。
必要がない限り、画像の実際のサイズを減らすことは推奨されません。
たとえば、画像の実際のサイズが 1000 × 1000
ピクセルで、あなたがその幅を 100px に設定したとします。
この場合、画面上の画像は 100 ピクセルで表示されますが、
実際には1000ピクセル分のサイズを持ち、そのため読み込みにずっと時間がかかります。
動作例はこちらを参照してください：
タグ img。
