Webdesign - Webseiten planen, gestalten - Free-Hack Library

Bildformate für das WWW
PNG 32-, 48- und sogar 64-Bit-Bilder speichern. Die drei letzteren sind
allerdings für das Internet noch von keiner praktischen Bedeutung.
Das 24-Bit-Format ermöglicht Bilder mit echten Transparenzen.
Diese werden über einen 8-Bit-Alphakanal verwirklicht, der 256
Transparenzstufen ermöglicht. Es sei aber angemerkt, dass solche
24-Bit-Bilder recht hohe Dateigrößen mit sich bringen. Da man
PNG-Bilder aber auch indizieren, also mit reduzierten Farbpaletten
anlegen kann, ist eine direkte Vergleichbarkeit von PNG und GIF
gegeben.
Allerdings erlaubt PNG zusätzlich zur singulären Trans parenz
auch im indizierten Modus mehrere Transparenzfarben. Der
Kom pressions algorithmus von PNG ist genau wie der von GIF
verlust frei, aber trotz seiner freien Verfügbarkeit effizienter: Eine
PNG-Datei ist bei gleicher Farbtiefe immer kleiner als eine GIF-
Datei, teils nur wenig, teils dramatisch. Sehr interessant ist auch
die Möglichkeit, Darstellungsunterschiede auf unterschiedlichen
Plattformen zu kompensieren, da auch Informationen über den
Gammawert der Erzeugerplattform mit abgespeichert und beim
Anzeigen ausgewertet werden. Jeder Webdesigner wird sich schon
einmal über die unterschiedlichen Gammawerte auf Windows- und
Macintosh-Plattformen geärgert haben, dies könnte dank PNG
ein Ende haben. Nicht verschwiegen werden soll auch MNG, das
PNG-Gegenstück zum animierten GIF.
So überzeugend die Features von PNG auf dem Papier sind, so muss
man gestehen, dass es noch Probleme bei der Unterstützung gibt.
Bis einschließlich Version 6 kann der Internet Explorer transparente
PNGs nicht korrekt darstellen. Dies ist besonders ärgerlich, da
fast alle anderen wichtigen Browser – Internet Explorer für Mac
eingeschlossen – dies schon länger beherrschen. Mit Version 7 des
„IE“ konnte Microsoft dieses Versäumnis jedoch nachholen.
4.10.4 SVG
Das offene Format Scalable Vector Graphics (SVG) ist ein Standard
zur Beschreibung zweidimensionaler Vektorgrafiken in der XML-
Syntax. SVG wurde im September 2001 vom W3C als Empfehlung
veröffentlicht und ein Großteil des Sprachumfangs kann von den
meistverwendeten Webbrowsern von Haus aus dargestellt werden.
Beim Internet Explorer ist die Darstellung erst ab Version 9 nativ, für
frühere Versionen durch ein Plugin wie den SVG-Viewer von Adobe
möglich. Auch viele mobile Geräte unterstützen sogar ohne Plugin
eine mehr oder weniger große Untermenge des SVG-Formats.
4.10.5 Formatentscheidungen
Aufgrund seiner technischen Fähigkeiten und Einschränkungen
eignet sich das GIF-Format besonders gut für Grafiken mit wenigen
Farben und größeren gleichfarbigen Flächen. Außerdem
sind die Transparenzfähigkeit sowie die garantierte Farbechtheit
hervorzuheben, die immer dann entscheidend sein können, wenn
mehrere Grafiken mit gleicher Hintergrundfarbe kombiniert werden
TECHNISCHE
GRUNDLAGEN
4
Abb. 4.10.3a: In Photoshop gespeicherte PNG-
Dateien (oben: 24-bit, unten: 8-bit).
Obwohl auch die 8-bit-Version des PNG-Formats
(PNG-8) volle Transparenzen unterstützt,
ist dies bis einschließlich Photoshop CS5 noch
nicht implementiert. Für echte Halbtransparenz
in PNG-8-Bildern sollten Sie deswegen entweder
Fireworks einsetzen oder in Photoshop
erstellte 24-bit PNG-Grafiken mit einem Tool
wie PNGQuant oder PNGNQ konvertieren.
Linktipps:
PNGQuant: http://www.libpng.org/pub/png/
apps/pngquant.html
PNGNQ: http://pngnq.sourceforge.net/
Blogartikel zum Thema: http://blogs.adobe.com/
jnack/2010/08/do-you-care-about-png-8-withtransparency.html
Abb. 4.10.4a: Beispiel für eine SVG-Grafik
(Quelle: Wikipedia)
133