| Zurück | Inhaltsverzeichnis | Glossar | Referenz | Weiter |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | ||||
Webbrowser unterstützen nur bestimmte Grafikformate. Ältere Browser unterstützen nur das GIF- und das JPG-Format, aktuelle Browser zusätzlich das PNG-Format.
Das GIF-Format wird für Bilder mit großen Farbflächen und animierte Grafiken, das JPG-Format für Fotos eingesetzt. Beide Formate komprimieren die Daten. Im JPG-Format können Sie verschiedene Komprimierungsstufen wählen.
Zur Konvertierung können Sie ein beliebiges Grafikprogramm einsetzen, eine Grafikdatei dort öffnen und in einem der drei Formate neu speichern.
Um eine Grafik in einer Webseite anzuzeigen, benutzen Sie den <img />-Tag, der kein End-Tag hat. Übergeben Sie mit dem Attribut src den Dateinamen der Grafikdatei:
<img src="bild.gif" />
Wenn die Grafik nicht im gleichen Ordner liegt, wie die aufrufende Webseite, müssen Sie den Speicherpfad mit angeben:
<img src="../grafik/bild.gif" />
Über die Attribute height und width können Sie die Höhe und Breite der Grafik angeben, dann kann die Seite schneller aufgebaut werden.
<img src="bild.gif" width="400" height="200" />
Über das Attribut alt weisen Sie der Grafik einen Text zu, der bei ausgeblendeten Grafiken angezeigt wird.
<img src="bild.gif" alt="Bauanleitungsskizze" />
Wichtig: Grafiken benötigen viele Ladezeit, deshalb sollten Sie vor dem Einbinden prüfen, ob Sie durch ein anderes Grafikformat, eine andere Größe oder eine stärkere Komprimierung optimieren können.