HTML-<img> width - Attribut
Beispiel
Ein Bild mit einer Höhe von 600 Pixel und einer Breite von 500 Pixel:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Das widthAttribut gibt die Breite eines Bildes in Pixeln an.
Tipp: Geben Sie für Bilder immer sowohl die heightAttribute
widthals auch an. Wenn Höhe und Breite eingestellt sind, wird beim Laden der Seite der für das Bild benötigte Platz reserviert. Ohne diese Attribute kennt der Browser jedoch die Größe des Bildes nicht und kann ihm nicht den entsprechenden Platz reservieren. Der Effekt besteht darin, dass sich das Seitenlayout während des Ladens ändert (während die Bilder geladen werden).
Tipp: Das Verkleinern eines großen Bildes mit den Attributen
heightund widthzwingt einen Benutzer, das große Bild herunterzuladen (selbst wenn es auf der Seite klein aussieht). Um dies zu vermeiden, skalieren Sie das Bild mit einem Programm neu, bevor Sie es auf einer Seite verwenden.
Browser-Unterstützung
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
Syntax
<img width="pixels">
Attributwerte
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮ HTML <img>-Tag