Mit dem Ablauf der Lehrveranstaltung wurde dieses Blog geschlossen.

Das GIF-Format wurde für den Online-Dienst Compuserve entwickelt. Im Laufe der Zeit ist es zum Standart avanciert. Das GIF besteht aus maximal 256 Farben (zum Vergleich: JPG bis zu 16,7 Millionen Farben) und ist ideal für Buttons, Navigationselemente auf Webseiten und kleinere Logos – alles Bilder die eine geringere Farbtiefe aufweisen.
Für Fotos eigent sich das GIF-Format nicht, hier schneidet das JPG deutlich besser ab denn durch die eingeschränkte Farbzahl hat man bei Fotos einen deutlichen Farb- und somit auch Qualitätsverlust.

Das GIF-Format hat einige Besonderheiten für Webdesign, die dieses Format besonders attraktiv macht.
Auf drei Punkte will ich hier kurz eingehen:

Interlacing:
Der Browser baut das Bild gewöhnlich Zeile für Zeile auf. Bei großen Datenmengen (detaillierte Bilder) dauert es länger bis der Internetsurfer etwas erkennen kann. Das Interlacing hilft hier dem User. Denn es wird erst mal ein unscharfes Bild dargestellt und wird erst in verschiedenen „Ladeschichten“ deutlicher. Auf diese Weise kann der User schon frühzeitig erkennen was auf dem Bild dargestellt werden wird und falls das nicht ist was er sucht, kann er den Ladevorgang abbrechen.

Transparenz:
Beim Webdesign kommt es vor, dass Objekte erst richtig zur Geltung kommen, wenn sie harmonisch ins Umfeld eingebettet werden können. Im GIF-Format hat man die Möglichkeit den Farbhintergrund, bzw. eine Farbe transparent darzustellen. Auf diese Weise können Teile einer Grafik sozusagen „durchsichtig“ erscheinen und der Hintergrund schimmert durch.

Animierte Bilder:
Riesenvorteil von GIF-Dateien. Die relativ kleinen Datenmengen lassen sich hintereinander kopieren. So kann man eine Animation erstellen die schnell geladen werden kann. Hierbei lässt sich die Reihenfolge und die Zeit des Ablaufs natürlich einstellen. Ein nettes Tool hierzu ist das kostenlose Animake

Hier noch einige Beispiele:
Auge als JPG(6,8KB):


Auge als GIF mit 16 Farben(2,11KB):


Animated GIF:

Flache Monitore und LCD-Displays werden oftmals als TFT bezeichnet. Aber da gibt es natürlich Unterschiede.
DSTN bedeutet „Double Super Twisted Nematic“ ist eine passiv-matirx LCD-Variante. Bei dieser Technik erfolgt die Pixelansteuerung spalten- und zeilenweise.
DSTN-Bildschirme sind deutlich günstiger als TFT-Screens, aber sie haben auch gewaltige Nachteile. DSTN-Displays sind deutlich langsamer und kontrastärmer als aktive TFT-Displays. DSTN erzielt in der Regel lediglich ein Kontrastverhältnis von 15:1, neuere DSTN-Displays maximal 30:1. Zudem tendiert diese Art von Display zur Darstellung so genannte „Geisterlinien“, die überflüssige Verlängerung dargestellter Linien.
Ebenfalls ist die Reaktionszeit mit ca. 300ms deutlich höher als die 12-16ms von TFT-Displays.
Eine besonderer Nachteil lässt sich an einer frühen Baureihe des Powerbook Wallstreet feststellen. Die G3 I-Serie (info hier) hatte in der 12.1”-Version DSTN-Displays verbaut. Diese Displays kann man heute daran erkennen, dass die seitlichen Ränder des Displays stark „ausgebleicht“ sind. Das liegt daran, dass die Beleuchtung des Displays von eben diesen Seiten erfolgte.
Beobachten lässt sich dieses „Einbrennen“ dargestellter Inhalte auch an vielen älteren Bankomaten die früher ebenfalls auf die DSTN-Technik setzten.

Aufbau eines DSTN-Displays:

* Der Bildschirmhintergrund wird von seitlichen Leuchtstoffröhren weiß beleuchtet.
* Eine Diffuserschicht verteilt das Licht gleichmäßig.
* Das elektrische Feld. wirkt auf die Moleküle der LC-Schicht und dreht sie mehr oder weniger. Die gedrehten Moleküle drehen auch das Licht in seiner Polarisationsebene. Es kann das obere Polarisationsfilter mehr oder weniger durchdringen. Der Kreuzungspunkt wird hell. => größere Spannung => mehr Drehung => größere Helligkeit
* Die obere passive LC-Schicht dreht entgegengesetzt mit festem Winkel und soll Farbverfälschungen ausgleichen.
* Parallel zu den Spaltenelektroden sind auf die Oberfläche Farbstreifen aufgedampft, die das Licht dann in die Grundfarben R - G - B filtern.