Größe von Grafiken



Performance verbessern: Größe von Grafiken Sie können die Performance aller Grafiken erhöhen, indem Sie die Attribute height und width für den Image Tag setzen (oder einen guten HTML Editor verwenden, der das automatisch macht). Die Werte für Höhe und Breite werden in Pixel angegeben, und wenn Sie sie von Hand eigneben müssen, finden Sie die Werte heraus, indem Sie die Grafikdatei in einem Grafikeditor laden: die meisten Editoren zeigen diese Information in der Statuszeile an. Wenn Sie diese Werte angeben, wird der Browser den Platz für das Bild reservieren, noch bevor es geladen wird, was zwei Vorteile hat: die Bilder werden schneller geladen die Benutzer werden sofort das endgültige Layout der Seite sehen, statt zusehen zu müssen, wie der Text seinen Platz ändert, wenn die Bilder erscheinen Beachten Sie auch, daß Sie einige Tricks mit den Attributen anstellen könenn, da Sie nicht die genauen Werte angeben müssen. Um eine Version des Bides in halber Größe einzubauen, könnten Sie z.B. die Werte für Höhe und Breite auf die Hälfte der tatsächlichen setzen. Sie sollten sich aber im klaren sein, daß sich das nicht auf die Ladezeit des Bildes auswirkt; wenn Sie versuchen, die Performance der Seite zu erhöhen, indem Sie kleinere Bilder verwenden, müssen Sie wirklich die Größe verändern.


Bernhard Friedrich doozer@hsguide.com