Soll ich die Höhe und Breite zum img src-Tag hinzufügen?

Jawohl. Durch Hinzufügen der Höhen- und Breitenattribute zu Ihrem IMG SRC-HTML-Tag weiß der Browser, wie viel Platz er für ein Bild lassen muss. Ohne diese Werte erstellt der Browser zunächst keinen Platz für das Bild, was bedeutet, dass Elemente, die das Bild umgeben, nach dem Laden angepasst werden.

Im img-Tag angegebene Bildgrößenabmessungen

Wie im obigen Beispiel zu sehen, zeigen die ersten drei Seiten einen Seitenladevorgang, der die Bildabmessungen nicht angibt. Beim Laden der Seiten wird der die Bilder umgebende Text an das Bild angepasst. Mit den angegebenen Bildabmessungen, wie auf den nächsten drei Seiten gezeigt, weiß der Browser jedoch, wie viel Platz er zuweisen muss. Daher bleibt der Text an der gleichen Stelle, an der die Bilder geladen werden.

Wenn Sie über eine schnelle Internetverbindung verfügen, bemerken Sie diesen Ladevorgang möglicherweise nicht. Für Personen mit langsamen Verbindungen, das Surfen auf einem Telefon oder wenn Ihre Website langsam geladen wird, wird es für Website-Besucher jedoch noch schwieriger, die Bildgröße nicht anzugeben.

Unten sehen Sie ein Beispiel dafür, wie ein IMG-Tag in Ihrem HTML-Code mit der angegebenen Höhe und Breite aussehen sollte.

Abmessungen der Bildgröße

Neueste Artikel
Vielleicht möchten Sie lesen

LEAVE A REPLY

Please enter your comment!
Please enter your name here