 Falsche Größenangaben
Ganz 'sauber' ist der Tipp ganz unten auf dieser Seite nicht unbedingt. Aber da ich diesen Kiff mehr oder weniger zufällig herausgefunden habe, möchte ich ihn doch weiter geben. Warum sollen sie davon nicht erfahren?
'gelogene' Größenangaben
Eigentlich 'unsauberer' HTML-Code sorgt für eine Arbeitserleichterung. Hier wird eine Größenangabe für die Dimension im Image-Tag einer Grafik unterschlagen.
Das originale HTML-Tag für das unten angezeigte Image sieht so aus:
<img src="bild.jpg" width="120" height="90" border="0" alt="">
| 
| Ergebnis:
Bild in Originalgröße 120 mal 90 Pixel |
Sie können das Image zerren und ersparen sich die Arbeit mit dem Taschenrechner, wenn Sie lediglich eine Größenangabe machen. Der andere Wert wird vom Browser proportional dazu ermittelt. In dieser Notierung fehlt die Angabe für die Höhe!
<img src="bild.jpg" width="240" border="0" alt="">
|
| Ergebnis:
Darstellung in proportionaler Größe
Verluste der Schärfe |
Böses Spiel
Ein kleines Bild innerhalb einer HTML-Seite durch falsche Angaben größer darzustellen, ergibt für den Seitenbesucher keine nachteiligen Folgen, wenn die Bildqualität noch vertretbar ist. Umgekehrt angewendet, wäre der Betrug schmerzhafter:
|
Es ist nicht fair ein riesiges Bild in die Seite einzufügen und aus Bequemlichkeit einfach die Attribute für die Größe zu ändern, damit es ins Layout passt (häufig anzutreffen, bei älteren Frontpage-Produkten).
 Bitte bedenken Sie wegen der Ladezeiten, dass eine Halbierung der Größe eine Reduzierung der Fläche auf ein Viertel bewirkt. Schon schrumpft die Dateigröße um ein Vielfaches.
Sie erparen dem Seitenbesucher lange Lade- und Wartezeiten, wenn sie sich die Mühe machen eine Grafik in später benötigter Größe zu erstellen.
|
|
Beispiel 1
Umgekehrt erzeugt die größere Darstellung einer kleinen Grafik manchmal gewollt ganz tolle Effekte und passt ganz nebenher das Image universell z.B. an die Größe einer Navigationsleiste an:
<img src="0-fade.gif" width="5" height="8" border="0" alt="">
Das originale Image:
Größe 5 x 8 Pixels
Und rechts das von 5 auf 75 Pixel Breite gesteckte Image:
<img src="0-fade.gif" with="75" border="0" alt="">
Die Höhenangabe fehlt hier. Sie könnten natürlich auch rechnen
und für die Höhe 120 eintragen.  Mathematik - Dreisatz
Beispiel 2
Interssante Effekte erzielt man mit falschen Größenangaben, möchte man einen Pixeleffekt anzeigen. Das originle Bildchen gat die Abmessungen 16 x 16 Pixel.
Möchten sie eine solche gezerrte Grafik in einen Hintergrund legen, haben sie allerdings nicht die Option einer Größenangabe. Da bleibt nur bei der Herstellung / durch Bearbeitung das Bild zu vergrößern. Wählen sie für den Resample-Modus die Einstellung 'nächster Nachbar' oder 'nearest Pixel'.
Zum Thema 'Grafiken zerren' lesen sie weitere Informationen auf der Seite 'Pixel-Spiele ... der Zauber mit Punkten'. Zugegeben, ich habe in dieser mehrseitigen Demonstation ein wenig herumgspielt. Zur Veranschaulichung fand ich, ist meine Spielerei dennoch ganz brauchbar. (Die Seite öffnet in einem neuen Browserfenster)
 Pixel-Spiele ... der Zauber mit Punkten
|
Home
ZURÜCK