Grafiken skalieren

Geben Sie die Größe des Bildes im <img src=...>-Tag nicht an, wird das Bild in seiner Originalgröße dargestellt. Manchmal kann es aber auch ganz wünschenswert sein, daß Bild zu vergrößern bzw. es zu verkleinern.
Um die gewünschte Bildgröße dem Browser mitzuteilen, wird width= für die Breite und height= dem Tag hinzugefügt.
Beispiel:
<img src="hallo.gif" width=400 height=100>
Unabhängig davon, wie groß das Bild nun tatsächlich ist, nimmt es im Fenster des Browsers 400 Pixel in der Breite und 100 in der Höhe ein. Verzerreffekte kann man übrigens auch durch die Angabe in Prozent bekommen.
In den meisten Fällen ist eine Verzerrung jedoch nicht allzu empfehlenswert, denn im Gegensatz zu einigen professionellen Grafikprogrammen sieht eine vergrößerte Grafik im Browser ziemlich grob aus. Andererseits sind damit auch einige interessante Effekte möglich, daß hängt jedoch von Bild zu Bild ab...

Originalgröße angeben

Auf den ersten Blick erscheibnt es sinnlos, die tatsächliche Größe des Bildes anzugeben. Doch bei manchen Browsern verkürzt es die Ladezeiten doch enorm. Wenn der browser nämlich weiß, wie groß ein Bild ist, kann er schon mal den Text drumherum formatieren und erst am Schluß, wenn der Text formatiert ist, die Bilder laden und darstellen. In CAB kann man dies sehr schön beobachten: Ein leerer Rahmen wird um den Platz gezeichnet, wo die Grafik erscheinen wird, der Text wird währenddessen schon angezeigt. Am Ende erscheint die Grafik an dem Platz, wo vorher der Rahmen war. Damit dies aber funktioniert, muß die Größe in Pixeln angeben werden, eine Angabe in Prozent hilft dem Browser nicht weiter.

Anzeigebeispiel: Grafiken skalieren
Nächstes Kapitel: Rahmen für Grafiken.

Start * Das WWW * Inhalt