Wenn man Bilder einbindet, kann man ja die Breite und Höhe angeben. Das hat den Sinn, dass der Browser diesen Platz beim Aufbau der Seite schon einmal reserviert. So kommt es bei der Anzeige während des Ladens nicht zu hässlichen Ruckeleffekten.
Nehmen wir mal folgenden Fall an: eine größere Anzahl von Bildern ist in einem Verzeichnis auf dem Webserver gespeichert, diese Bilder haben unterschiedliche Maße, eine Teilmenge wird durch ein PHP-Skript per Zufallsmodus geladen, und diese Bilder sollen zu guter Letzt – vielleicht aus ästhetischen Gründen – alle die gleiche Breite haben. Nun könnte man denken, etwa folgende Angabe im Image-Element sei die Lösung:
width="110" height=""
Die Breite soll also festgelegt werden und die Höhe sich proportional anpassen. Aber in manchen Browsern, zum Beispiel alten Internet-Explorern, funktioniert das nicht. Allerdings klappt es dann, wenn man die Höhenangabe ganz weglässt, also so:
width="110"
Prinzipiell wäre es eleganter, von Vornherein alle Bilder mit einem Bildbearbeitungsprogramm auf dieselben Abmessungen zu schneiden. Dann bräuchte auch der Webbrowser sich nicht die Mühe zu machen, sie zu skalieren. Das macht aber natürlich dann keinen Sinn, wenn die Bilder teils im Querformat, teils im Hochformat vorliegen.