PNG

Ein verlustfreies Bildformat mit Transparenz-Unterstützung, das für Grafiken, Logos und UI-Elemente eingesetzt wird.

Definition

PNG (Portable Network Graphics) ist ein verlustfreies Rastergrafik-Format, das 1996 als Ersatz für das patentbelastete GIF-Format entwickelt wurde. PNG komprimiert Bilddaten ohne Informationsverlust und unterstützt einen vollständigen Alpha-Kanal für stufenlose Transparenz.

Bedeutung

PNG ist das Standardformat für Bilder, die Transparenz erfordern oder bei denen verlustfreie Qualität notwendig ist — Logos, Icons, Screenshots, technische Diagramme und UI-Elemente. Im Gegensatz zu JPEG entstehen bei PNG keine Kompressionsartefakte. Der Nachteil: PNG-Dateien sind bei fotografischen Inhalten deutlich größer als JPEG-Äquivalente.

Funktionsweise

PNG verwendet den DEFLATE-Kompressionsalgorithmus (eine Kombination aus LZ77 und Huffman-Codierung) und wendet vor der Kompression Filterprädiktionen auf die Pixeldaten an. Das Format unterstützt verschiedene Farbtiefen: 8-Bit (indizierte Farben, max. 256), 24-Bit (True Color, ~16,7 Millionen Farben) und 32-Bit (True Color mit Alpha-Kanal). Der Alpha-Kanal erlaubt 256 Transparenzstufen pro Pixel — im Gegensatz zu GIF, das nur binäre Transparenz (transparent/opak) kennt.

Praxisbeispiel

Ein Unternehmen exportiert sein Logo als PNG-24 mit Transparenz für die Website. Das Logo wird auf verschiedenfarbigen Hintergründen eingesetzt und benötigt daher einen Alpha-Kanal. Die Dateigröße beträgt 45 KB. Für die Verwendung im Header (wo kein Transparenzwechsel stattfindet) wird zusätzlich eine WebP-Version generiert, die nur 18 KB wiegt.

Verwandte Begriffe

  • JPEG: Ein verlustbehaftetes Format für Fotos, das kleinere Dateien erzeugt, aber keine Transparenz unterstützt.
  • SVG (Scalable Vector Graphics): Ein vektorbasiertes Grafikformat, das im Gegensatz zu PNG auflösungsunabhängig skaliert.
  • Alpha-Kanal: Ein zusätzlicher Farbkanal, der die Transparenz jedes einzelnen Pixels definiert.