Produktion
Performance-Design: Optimierungsprozesse für den unterschiedlichen Inhalten:
Bilder optimieren für das Web
-
Wichtige Bilddateiformate; Speichern von Bildern für das Web
Durch das Eingabegerät erforderliche Korrekturen ->>
Eingabe
,
Scannen mit einem Flachbettscanner und Nachbearbeitung
Bildgrößenveränderung (Interpolation) -
Die Zusammenhänge zwischen Bildgröße, Auflösung, Farbtiefe und Dateigröße
Tonwertkorrektur (Weißpunkt, Schwarzpunkt, Mitteltöne,Tonwerte, Gradationskurven)
Farbkorrektur (Neutrales Grau, Farbbalance, Selektive Farbkorrektur)
Techniken für die Vorberereitung der Bilder für bessere Komprimierung
JPEG (Filteranwendung >>Störungen entfernen, Staub und Kratzer entfernen, Weichzeichnen)
GIF (Lossy)
Bildoptimierung durch Kompression (JPEG, GIF, PNG)
Gewichtete Optimierung mit Maske (JPEG-Qualität, Dithering, Lossy)
Farbumwandlungsmethoden (Perzeptiv, Selektiv, Adaptiv, Eigene, Web, MacOS, Windows)
Dithering-Methoden (Diffusion, Muster, Störungsfilter, Keine)
Browser-Dithering
Reduzierte Farbpalette
Webverschiebung
Bildtechniken und Optimierungsvorgänge für das Web
Hintergrundkacheln (Filter DitherBox, Filter Kacheln erstellen, Hintergrundbild) >>
Erstellen eines Hintergrundmusters
Transparenz (Bilder, Muster, Texte, Ermittlung v.Hintergrundfarbe)>>
GIF-Transparenz und transparente Flächen für das Web
Vektorgrafiken für das Web
Kantenglättung ->>
Kantenglättung/Antialiasing
,
Antialiasing in Photoshop
Gifanimation >>
Erstellen, bearbeiten, optimieren und speichern einer GIF-Animation in ImageReady
Rollover-Bilder (Rollover Stile, Imagemaps)- >>
Erstellen von Schaltflächen mit unterschiedlichen Zuständen und speichern als HTML-Datei
Blinde GIFs >>
Blindgifs (Spacer) als Layouthilfe
Slicetechnik (Slice-Kategrorien, Slice-Optionen) >>
Slices erstellen und bearbeiten
,
Inhalte von Slices
,
JPEG-Optimierung eines Slices
,
Ausgabeeinstellungen bzgl. technischer Attribute beim Speichern einer optimierten Web-Site
,
GIF-Optimierung eines Slices
,
Schrift als Grafik -
Anti-Aliasing, Unterschneidung und Weboptimierung eines Textes in Photoshop)
Videokompression:
Video Kompression / Allgemein
Audiokompression:
Audioformate/Kompression