PNG ist wie GIF eine verlustloses Kompressionsverfahren. Es speichert aber RGB-Farbwerte mit Farb-Tiefen bis zu 32 Bit.
PNG ist die Abkürzung für Portable Network Graphic (ausgesprochen: PING), das vom W3 entwickelt
wurde, um die Vorteile von GIF und JPEG in einem Format zu vereinen, vor allem aber eine Alternative
zum proprietären GIF-Format (Rechte bei Unisys) zu schaffen.
Das Format hatte lange einen Dornröschen-Schlaf gehalten, da die Entwickler von Grafik-Programmen die
vielfältigen Möglichkeiten nur unzureichend unterstützen. Außerdem wird es erst ab MSIE 4 bzw NN 4.04
angezeigt, so daß für browserunabhängige Layouts kein PNG verwendet werden kann, bzw. die Grafiken gleich
doppelt abgespeichert werden müssen, wie man im Beipiel sehen kann.
PNG ist wieder verstärkt in der Diskussion, seit Unisys die Lizenzgebühren für den Komprimierungsalgorithmus
LZW von den kommerziellen Software-Herstellern auch auf Open-Source-Programme erweitert hat.
Eigenschaften von PNG
Mehrere Auflösungen abrufbar verlustfreie Komprimierung wie GIF Höhere Kompressionsraten als GIF durch verbesserte Komprimierung. PNG erlaubt Farbtiefen von 1, 2, 4, 8, 16, 24 and 32 Bit, erhöht also die Farbtiefe von GIF von 256 (8 Bit). Das W3 ermöglicht eine gebührenfreie Lizensierung als offener Standard (im Gegensatz zu GIF).
Mehrere Transparenzebenen mit verschiedenen Transparenzstufen. Eine eingebaute Gamma-Korrektur verbessertes Farbverhalten bei unterschiedlichen Ausgabemedien. Speicherung zusätzlicher Informationen wie Autor und Copyright möglich
PNG-Beispiel
Ein einfaches Beispiel zum Einbau eines PNG-Bildes für Browser NN 4.04 und MSIE ab 4.
Das Bild hat eine Größe von 56 KBytes.
Ein Beispiel von Builder.com mit OBJECT, das leider nur unter MSIE ab 4.0
funktioniert und den Alternativen mit lowsrc-Attribut sowie JavaScript. Für den NN muß das onload-Event
noch mit einer Bedingung versehen werden, da es sonst immer wieder geladen wird.
<object data="./pic/schwaene.png" type="image/png">
<IMG src="./pic/schwaene256.gif">
</object>
</object>
<br>
Für den NN ab 2.0 und MSIE 3<BR>
<img src="./pic/schwaene.png" lowsrc="'./pic/schwaene256.gif" src="./pic/schwaene256.gif"><BR>
Mit JavaScript:<BR>
<img src="./pic/schwaene256.gif" onLoad="if (this.src.indexOf('.gif')>0) {this.src='./pic/schwaene.png'};">
Kommentierte Links:
ahref.com:
Burn All Gifs: An Interview With Don Marti
Interview mit Don Marti über die Entscheidung von Unisys, weiter Lizenzgebühren zu verlangen.
Builder.com:
Make Pages Go PNG
Sehr guter Artikel über die Einbettung in HTML mit Schwerpunkt Object-Tag.
Der Betreiber von www.dBooks.de übernimmt keine
Verantwortung für den Inhalt und die Richtigkeit der Angaben auf
den verlinkten Websites.
Zu den üblichen NoNos gibt es keine direkten Verweise.
Formate
»
Sammlungen
Mehrere Auflösungen abrufbar
ahref.com:
Builder.com:
libpng.org: