Bildeinbindung allgemein
Im Webdesign spielen Bilder und Graeine wichtige Rolle zur Informationsübertragung oder aus gestalterischer Sicht. Im Laufe der Zeit sind die folgenden Grafikformate für das Web entwickelt worden:
| Bezeichnung | Verwendung |
|---|---|
| GIF - Graphics Interchange Format | Grafik, meist zeichnerische Bilddarstellung, unterstützt Transparenz, Indizierte Farben (Farbtabelle), animationsfähig; |
| JP(E)G Joint Photographic Expert Group image | Fotoformat, 16,7 Mio. Farben (RGB), steuerbare Kompression |
| PNG Portable Network Graphics | Fotoformat, 16,7 Mio. Farben (RGB), steuerbare verbesserte Kompressionsallgorithmen, Transparenz |
| APNG Animated Portable Network Graphics | wie PNG aber mit Animation |
| SVG Scalable Vector Graphics | Vectorgrafiken |
Der Bildbefehl IMG (Image) und seine Parameter
IMG - Syntax:
<img src="Pfad zum Bild\bildname.erw" />
"src" steht für Source und gibt wo sich das Bild bezüglich des HTML-Dokumentes befindet (Bilderordner) und wie es heißt.
"alt bzw. title" als Parameter zum IMG-Befehl definieren einen Ersatztext, der eingeblendet wird, wenn sich das Bild aus irgendwelchen Gründen nicht laden oder darstellen lässt. Außerdem erzeugt sie einen Indexer, wenn man mit der Maus über das Bild geht.
"width und height" setzen die Breite und Höhe des Bildes für die Ausgabe auf dem Bildschirm. Vorsicht: Verhältnis zwischen Breite und Höhe beachten, sonst Gefahr der Motivverzerrung. Am besten nur einen Parameter angeben, dann wird der zweite Wert automatisch berechnet.
"border" Bildrand in Pixel (schwarz)
Beispiel:
-
