In HTML die Breite und Höhe eines Bilds festlegen

PDF herunterladen

PDF herunterladen

In diesem Artikel:

Vorgehensweise

Verwandte Artikel

Literaturhinweise

Hier zeigen wir dir eine Anleitung zur Einrichtung der Höhe und Breite eines Bilds in HTML (HyperText Markup Language).

• Das Attribut width gibt die Breite eines Bilds in Pixeln an.
• Das Attribut height gibt die Höhe eines Bilds in Pixeln an.
• In HTML 4.01 kann die Höhe in Pixeln oder in Prozent des enthaltenden Elements angegeben werden. In HTML5 muss der Wert in Pixeln angegeben werden.

Vorgehensweise

PDF herunterladen

1. 
   1
   Bearbeite die Datei, die das Bild anzeigen soll. Dies könnte bspw. standard.html sein.
2. 
   2
   Füge diese Zeile in deinen Code ein:

   • <img src="imagefile.jpg" alt="How.com.vn Deutsch: Bild" height="42" width="42">
   • src ist der Pfad auf deine Datei.
   • alt ist der Tag, den du dem Bild gibst.
3. 
   3
   Ersetze die Werte von height und width nach Belieben. Als Beispiel height="19" width="20"
4. 
   4
   Speichere die Datei und öffne sie in einem Browser. Das width-Attribut wird von allen großen Browsern wie bspw. Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer unterstützt.
   Werbeanzeige

Tipps

• Gib bei Bildern immer sowohl die Höhe als auch die Breite an. Wenn diese festgelegt sind, wird der für das Bild erforderliche Platz beim Laden der Seite reserviert. Ohne diese Attribute kennt der Browser allerdings die Größe des Bilds nicht und kann nicht den nötigen Platz reservieren. Die Auswirkung davon ist, dass sich das Layout der Seite während des Ladens ändert (während die Bilder geladen werden).
• Das Verkleinern eines großen Bilds mit den Attributen height und width zwingt einen Benutzer zum Download des großen Bilds (selbst wenn es auf der Seite klein aussieht). Um dies zu vermeiden, solltest du das Programm vor der Verwendung auf einer Seite skalieren.

Werbeanzeige