| Element | Beschreibung |
|---|---|
| img | Einbindung von Grafikdateien |
| canvas | Leinwand, auf die in der Regel mit JavaScript gezeichnet wird (siehe Kapitel über Canvas) |
| Attribut | Beschreibung |
|---|---|
| src | Referenz der Bilddatei (absoluter oder relativer Pfad) |
| alt | Text der angezeigt wird wenn das Bild nicht angezeigt werden kann |
| width, height | Größe in Pixeln (auch für Originalgröße Angabe vorteilhaft, um für diese Information nicht auf das Laden des Bildes warten zu müssen) |
| title | Tooltip beim Hovern über dem Bild |
HTML<img
src="https://uhahne.github.io/GIS/smiley.png"
alt="lachender Smiley"
title="ein Bild"
/>
| Abkürzung | Bildformat | Kompression | Farben | Transparenz | Animation | Verwendung |
|---|---|---|---|---|---|---|
| JPEG | Joint Photographic Expert Group | hoch, verlustbehaftet | 16.8 Mio (24 bit) | Nein | Nein | Fotos |
| PNG | Portable Network Graphics | hoch, verlustfrei | 8 | 24 bit | Ja (1 | 8 bit) | apng | Grafiken (mit Transparenz), verlustfreie Fotos |
| GIF | Graphics Interchange Format | gering | 256 (8 bit) | Ja (1 bit) | Ja | Kurze Animationen, Logos mit geringer Farbtiefe |
| SVG | Scalable Vector Graphics | keine, wird berechnet | 16.8 Mio (24 bit) | Ja (8 bit) | Ja | Icons, Logos (Vektorgrafik, beliebig skalierbar) |
| WebP | hoch, verlustfrei/-behaftet | 16.8 Mio (24 bit) | Ja (8 bit) | Ja | neueres Format; geringere Dateigröße als JPEG oder PNG |