Präsentation: BILDFORMATE
Präsentation: JPG
-
Joint Photographic Experts Group
-
Meistverbreitete Grafikformat im Internet
-
ist auf 65.535x65.535 Pixel beschränkt
-
DPI- Dichte
-
Kompressionsfaktor
|
JPG-Bild (Quelle Wikipedia) |
JPG: DPI-Dichte
DPI-Dichte:
- Das ist die Punktdichte (dpi = dots per inch).
- Bei JPEG-Dateien, die man nur für die Anzeige in Web-Seiten benötigen, genügt ein Wert zwischen 70 und 100 dpi.
- Falls die Grafik ausgedruckt werden soll, benötigen man allerdings deutlich mehr dpi.
DPI-Dichte (Quelle Wikipedia)
JPG: Vor- und Nachteile
Vorteile:
- kann pro Bild bis zu 16,7 Millionen Farben speichern
- komprimiert mit Verlust
- Je höher der Kompressionsfaktor, desto schlechter die Qualität der Grafik.
Nachteile:
- komprimiert mit Verlust
- Je höher der Kompressionsfaktor, desto schlechter die Qualität der Grafik.
Präsentation: PNG
-
Portable Network Graphics
-
Ersatz des 2004 patentpflichtigen GIF
-
Transparenz
-
Vorfilter
|
PNG-Bild (Quelle Wikipedia) |
PNG: Transparenz
Transparenz:
- in Form eines Alphakanals
PNG-Transparenz/Alphakanal (Quelle Wikipedia)
PNG: Vorfilter
Vorfilter:
| Nummer |
Name |
Beschreibung |
| 0 |
None |
Keine Vorfilterung. |
| 1 |
Sub |
Differenzen zum links benachbarten Pixel verarbeitet |
| 2 |
Up |
Differenzen zum darüber liegenden Pixel verarbeitet |
| 3 |
Average |
Differenz zum Mittelwert aus dem darüber liegenden und dem links benachbarten Pixel gebildet |
| 4 |
Paeth |
Berechnung des sogenannten Paeth-Predictor-Wert aus links benachbarten, darüber liegenden und dem schräg links oben benachbarten, dieser bestimmt den Pixel für die Differenzbildung |
PNG-Vorfilter (Quelle Wikipedia)
PNG: Vor- und Nachteile
Vorteile:
- verlustfreie Komprimierung
- Transparenz
- Vorfilter
Nachteile:
Präsentation: GIF
-
Graphics Interchange Format
-
kann von allen Browsern angezeigt werden
-
Interlacing
-
Animationen sind möglich
|
GIF-Bild (Quelle Wikipedia) |
GIF: Interlacing
Interlacing:
- aufbau nach und nach,
- erst jede 8.Zeile,
- jede 4.Zeile,
- jede 2.Zeile und dann die restlichen(von oben nach unten.)
GIF-Interlacing (Quelle Wikipedia)
GIF: Animationen
Animationen:
- speichern von mehreren Einzelbildern
- diese werden dann vom Browser nacheinander eingespielt
.gif)
GIF-Animation (Quelle Wikipedia)
GIF: Vor- und Nachteile
Vorteile:
- verlustlose Kompression für geringe Farbtiefe(2-256Farben)
- Transparente Bildteile sind möglich
- kann Animationen darstellen
Nachteile:
- nicht für Fotografien einsetzbar aufgrund der geringen Farbtiefe
Präsentation:ENDE
THE END