Inhalt

• Schritte
• Tipps

In diesem Artikel erfahren Sie, wie Sie die Höhe und Breite eines Bilds in HTML festlegen.

• Das Attribut "width" legt die Breite des Bildes (in Pixel) fest.
• Das Attribut "height" legt die Höhe des Bildes (in Pixel) fest.
• In HTML4.01 kann die Höhe in Pixeln oder als Prozentsatz eingestellt werden, in HTML5 jedoch nur in Pixeln.

Schritte

1. 1 Öffnen Sie die HTML-Datei. Öffnen Sie beispielsweise die Datei default.html.
2. 2 Fügen Sie Ihrem HTML-Code die folgende Zeile hinzu.
   • img src = "imagefile.webp" alt = "Bild" height = "42" width = "42">
   • src enthält den Pfad zur Grafikdatei (Bild).
   • in alt wird die Größe des Bildes eingestellt.
3. 3 Ersetzen Sie die Werte der Höhen- und Breitenattribute durch Ihre gewünschten Werte. Zum Beispiel so: Höhe = "19" Breite = "20"
4. 4 Speichern Sie die Datei und öffnen Sie sie in einem beliebigen Webbrowser. Tun Sie dies, um zu überprüfen, wie die Größe des Bildes geändert wird. Das Attribut "width" wird von allen gängigen Browsern unterstützt (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Tipps

• Stellen Sie immer die Höhe und Breite des Bildes ein. Beim Laden der Seite wird also Platz für das Bild reserviert. Andernfalls kennt der Browser die Größe des Bildes nicht und reserviert keinen Speicherplatz, wodurch sich das Seitenlayout beim Laden der Seite ändert.
• Wenn die Größe des großen Bildes mit den Attributen "height" und "width" reduziert wird, lädt der Benutzer das große Bild (auch wenn es auf der Seite klein erscheint). Daher empfehlen wir Ihnen, die Größe des Bildes zunächst in einem Grafikeditor zu ändern.