 |
Ich will meine Bilder ins Web stellen. Welche Grafikformate gibt es und wofür eignen sie sich besonders? Wo sind die Unterschiede?
Es gibt verschiedene, durchaus verbreitete Bildformate. Von Bedeutung für das Web sind aber nur drei: GIF, JPEG und PNG (in Zukunft voraussichtlich stark zunehmende Verbreitung). Grund: zumindest GIF und JPEG werden wohl von jedem modernen Browser unterstützt. Beide Formate beherrschen die Komprimierung von Bildinformationen und damit die Verkleinerung der Bilddateien recht gut und sind daher für das WWW prädestiniert. PNG dagegen hat noch so seine Schwierigkeiten, wenn es um Browserkompatibilität geht. Dafür komprimiert es besser und flexibler.
GIF ist das Format der Wahl, wenn es darum geht, Bilder mit großen, einfarbigen Flächen zu komprimieren, so z.B. Logos mit einem geringen Grafikanteil. Das Dateiformat unterstützt nur 256 Farben. Kleine Spezialität: es ist möglich, eine Farbe transparent zu machen, so dass hinterher im Browser der Hintergrund sichtbar wird. Achten Sie bei der Optimierung von GIfs darauf, die Zahl der verwendeten Farben so weit wie möglich zu reduzieren. Sehr gerne genutzt wird auch die Möglichkeit, GIF-Dateien zu animieren. Dass das den Speicherplatzbedarf jedoch in die Höhe schnellen lässt, ist logisch.
JPEG dagegen verwendet eine andere Art der Kompression. Eine technische Erläuterung der verwendeten Verfahren würde den Rahmen dieser FAQ sprengen. Der JPEG-Algorithmus komprimiert - im Gegensatz zu GIF - nicht verlustfrei. Das heißt, dass ein stark komprimiertes JPEG-Bild oft Artefakte oder Farbschlieren enthält. Es ist also nicht empfehlenswert, es mit der Kompression (der Grad ist in jeder guten Bildbearbeitung einstellbar) zu übertreiben. Dafür unterstützt JPEG über 16 Millionen einzelne Farben und ist damit gut geeignet für Fotos oder Grafiken mit sehr vielen Farben. Transparenzen werden nicht unterstützt.
PNG vereint die Vorteile beider Grafikformate: es ist sowohl für Fotos als auch für Grafiken und Schriften geeignet, Transparenzen sind (theoretisch, aktuelle Browser machen da noch Probleme) ebenfalls möglich. Komprimiert wird grundsätzlich verlustfrei.
In Zukunft wird besonders ein Format in Konkurrenz zu PNG stehen: JPEG2000 (siehe Tabelle). Im Moment wird dieses Format de facto noch nicht von den Browsern unterstützt, was sich aber wohl in den nächsten Monaten ändern sollte. Auch das SVG-Format wird an Bedeutung gewinnen, gehört aber nicht in diesen Text - SVG ist ein Vektor-Grafikformat und kein Pixel-Grafikformat.
Übersichtstabelle
| Format | Farbtiefe | Transparenzen | Animation | Kompression | Verwendung | | GIF | 8 Bit | Ja | Ja | verlustfrei | Schriften, Grafiken, Navigationsmenüs.. | | JPEG | 24 Bit | Nein | Nein | verlustbehaftet | Fotos, vielfarbige Bilder | | PNG | 32 Bit + 8 Bit Transparenz | Ja | Nein | verlustfrei | Fotos, Schriften, Grafiken | | JPEG 2000 | einstellbar, bis zu 48 Bit | Ja | Eventuell | verlustfrei/verlustbehaftet (einstellbar) | Fotos, vielfarbige Bilder |
|
|
|
|
Sie wollen diese Seite ausdrucken? Dafür haben wir eine spezielle Druckversion ohne grafische Elemente entwickelt! |
|
|
Einführung in CSS bei HTMLWorld.
|
|
