PNG: Definition und Bedeutung des Dateiformats

PNG (Portable Network Graphics) ist ein weit verbreitetes Bildformat, das entwickelt wurde, um das ältere GIF-Format zu ersetzen. Es bietet bessere Kompression, verlustfreie Speicherung und einen breiteren Funktionsumfang, einschließlich Transparenzunterstützung.

Portable Network Graphics ist ein verlustfreies Grafikformat, das besonders für Webgrafiken und Bilder mit Transparenz verwendet wird. Das PNG-Format wurde als Ersatz für GIF entwickelt und bietet bessere Komprimierung ohne Qualitätsverlust. PNG-Dateien eignen sich hervorragend für Logos, Screenshots und Grafiken mit scharfen Kanten.

Vorteile des PNG-Formats

• Verlustfreie Komprimierung - Bilder behalten die volle Qualität
• Transparenzunterstützung - Das Format ermöglicht echte Alpha-Transparenz
• Ideal für Webgrafiken - Dateien laden schnell bei kleiner Größe
• Perfekt für Screenshots - Das Format erhält Text und scharfe Kanten

Was ist PNG?

PNG steht für Portable Network Graphics und ist ein Rastergrafikformat. Das PNG-Format verwendet verlustfreie Datenkompression und unterstützt Transparenz. PNG ist ideal für Grafiken, Logos und Screenshots.

Siehe auch: verlustfreie Komprimierung

➜

Warum ist das wichtig?

PNG ist im E-Commerce das Format für alles, was einen transparenten Hintergrund braucht. Ein freigestelltes Produkt, das auf wechselnden Farbflächen, in Bannern und in Konfiguratoren erscheinen soll, funktioniert nur mit echtem Alphakanal, denn JPEG kennt keine Transparenz und brennt jeden Hintergrund fest ein. Ebenso wichtig ist die verlustfreie Kompression: Ein Logo oder eine Maßgrafik behält in PNG scharfe Kanten, während JPEG um Text und Linien sichtbare Artefakte legt. Der Preis dafür sind größere Dateien, weshalb die Formatwahl im Shop immer eine Abwägung zwischen Bildqualität und Ladezeit ist.

PNG in der Praxis anwenden

Praktisch heißt das, PNG gezielt einzusetzen statt pauschal. Freisteller, Logos, Symbole und Grafiken mit Text gehören ins PNG, Fotos mit Hintergrund und Verlauf ins JPEG oder WebP. Wer ein 24-Bit-PNG dort verwendet, wo ein JPEG genügt, verzehnfacht die Dateigröße ohne sichtbaren Gewinn.

Praktische PNG-Tipps

• PNG-24 nur für Freisteller mit weichen Kanten verwenden. Für Grafiken mit wenigen Farbtönen liefert PNG-8 mit 256-Farben-Palette oft ein Zehntel der Dateigröße bei identischem Aussehen.
• Dateien vor dem Upload durch eine verlustfreie Optimierung schicken. Werkzeuge wie oxipng oder pngquant entfernen überflüssige Metadaten und reduzieren die Größe je nach Motiv um 30 bis 70 Prozent.
• Freisteller mit weichem Kantenverlauf speichern statt mit harter Auswahlkante. Ein Alphakanal mit 1 bis 2 Pixeln Übergang verhindert den typischen weißen Saum, wenn das Bild auf dunklem Grund liegt.
• Im Shop parallel WebP oder AVIF ausliefern und PNG als Rückfallebene behalten. Bei Freistellern spart WebP gegenüber PNG typischerweise 25 bis 50 Prozent Dateigröße bei gleicher Transparenz.

Mehr Informationen: Wikipedia

Geschichte und Kontext

PNG entstand aus einem Rechtsstreit. Als Unisys Ende 1994 begann, Lizenzgebühren für das im GIF-Format verwendete LZW-Kompressionsverfahren einzufordern, entwickelte eine offene Arbeitsgruppe innerhalb weniger Monate einen patentfreien Ersatz. Die Spezifikation der Version 1.0 verfassten Thomas Boutell und Tom Lane; am 1. Oktober 1996 veröffentlichte das W3C sie als Empfehlung, im Januar 1997 folgte die Veröffentlichung als RFC 2083.

2004 wurde PNG zusätzlich als ISO/IEC 15948 genormt, danach blieb die Spezifikation über zwei Jahrzehnte unverändert. Erst am 24. Juni 2025 veröffentlichte das W3C die dritte Ausgabe, die drei lange geforderte Erweiterungen offiziell aufnimmt: High Dynamic Range, animierte Dateien nach dem APNG-Verfahren und die Speicherung von Exif-Daten.

Praktische Anwendungen

Im Onlineshop trägt PNG die Freisteller. Ein Produkt ohne Hintergrund lässt sich damit auf jede Kachelfarbe legen, im Konfigurator mit anderen Elementen kombinieren und im Banner über eine Farbfläche setzen, ohne dass ein Rand sichtbar wird.

In der Gestaltung ist PNG das Übergabeformat zwischen Fotostudio und Grafikabteilung, wenn Ebenen nicht gebraucht werden, Transparenz aber erhalten bleiben muss. Logos, Siegel und Auszeichnungen liegen praktisch immer in dieser Form vor.

Auch für Bildschirmaufnahmen und technische Grafiken ist PNG gesetzt. Anleitungen, Größentabellen und Maßzeichnungen bleiben durch die verlustfreie Kompression bis zur letzten Linie lesbar.

Vorteile und Nutzen

Der entscheidende Vorteil ist der Alphakanal mit 256 Transparenzstufen. Er erlaubt weiche Übergänge an Haaren, Fransen und Glaskanten, während GIF nur zwischen vollständig sichtbar und vollständig transparent unterscheiden kann.

Dazu kommt die Verlustfreiheit: Ein PNG lässt sich beliebig oft öffnen, bearbeiten und erneut speichern, ohne dass Qualität verloren geht. Bei JPEG addieren sich die Kompressionsverluste mit jedem Speichervorgang.

Herausforderungen und Lösungen

Die Dateigröße ist der wunde Punkt. Ein freigestellter Packshot mit 2000 Pixeln Kantenlänge kann als PNG mehrere Megabyte wiegen und die Ladezeit einer Produktseite spürbar verschlechtern. Abhilfe schaffen Palettenreduktion, verlustfreie Optimierer und die parallele Auslieferung als WebP.

Die zweite Schwierigkeit sind Farbprofile. PNG-Dateien werden in vielen Programmen ohne eingebettetes Profil geschrieben, was zu Farbabweichungen zwischen Grafik und Foto auf derselben Seite führt. Ein beim Export explizit eingebettetes sRGB-Profil verhindert das.

Zukunft und Trends

Mit der dritten Ausgabe der Spezifikation bekommt PNG Funktionen, die bislang Sonderwege verlangten: animierte Dateien ohne Zusatzformat und Bilder mit hohem Dynamikumfang für Displays, die deutlich mehr darstellen können als der klassische sRGB-Bereich.

Im Alltag der Shops verschiebt sich die Auslieferung dennoch weiter zu AVIF und WebP, weil beide kleinere Dateien bei gleicher Transparenz liefern. PNG bleibt das verlässliche Archiv- und Übergabeformat, aus dem diese Varianten erzeugt werden.

Häufig gestellte Fragen

PNG oder WebP, was gehört in den Onlineshop?

WebP für die Auslieferung, weil es Transparenz ebenso beherrscht und bei vergleichbarer Qualität deutlich kleinere Dateien erzeugt. PNG bleibt sinnvoll als Archiv- und Übergabeformat sowie als Rückfallebene für sehr alte Systeme. Beides parallel vorzuhalten kostet wenig und ist heute der übliche Weg.

Warum ist mein PNG-Freisteller so groß?

Meist wird ein 24-Bit-PNG mit Alphakanal für ein Motiv verwendet, das kaum Farbabstufungen enthält. Prüfen Sie, ob PNG-8 mit reduzierter Palette ausreicht, entfernen Sie Metadaten und lassen Sie die Datei durch einen verlustfreien Optimierer laufen. Reduktionen um mehr als die Hälfte sind der Normalfall.

PNG ist kein Allzweckformat, sondern das Werkzeug für Transparenz und harte Kanten. Wer es dort einsetzt und Fotos mit Hintergrund dem JPEG oder WebP überlässt, bekommt saubere Freisteller, ohne die Ladezeiten zu ruinieren.

Erfahren Sie mehr über Dateiformaten auf Wikipedia.

👉 Brauchen Sie professionelle Fotos? Packshots - professionelle Produktfotografie

PNG-Format im deutschen E-Commerce: Compliance, Marktplätze und rechtliche Rahmenbedingungen

Wer Produktbilder im PNG-Format für den deutschen Markt aufbereitet, bewegt sich nicht nur in einem technischen, sondern auch in einem regulatorischen Umfeld. Seit Inkrafttreten der GPSR (General Product Safety Regulation) am 13. Dezember 2024 müssen Onlinehändler in Deutschland Produktabbildungen liefern, die Sicherheitshinweise, CE-Kennzeichnungen und Warnsymbole eindeutig erkennbar darstellen. PNG ist hier oft die bessere Wahl als JPEG, weil verlustfreie Kompression Piktogramme und feine Linien sauber bewahrt.

Das deutsche BGB (§ 312d in Verbindung mit Art. 246a EGBGB) verlangt zudem eine wahrheitsgemäße Darstellung der Hauptmerkmale der Ware. Manipulierte JPEG-Artefakte können in Streitfällen als irreführend ausgelegt werden - ein gut komprimiertes PNG mit definiertem Farbprofil (sRGB IEC 61966-2.1) ist juristisch sicherer, besonders bei Schmuck, Kosmetik und Lebensmitteln.

Auf Marktplätzen wie Otto.de, Kaufland.de und Idealo gelten zusätzlich strikte Bildrichtlinien: Otto fordert bei Hauptbildern reines Weiß (RGB 255,255,255) auf transparentem oder sauber freigestelltem Hintergrund - ein klassischer Anwendungsfall für PNG mit Transparenz. Kaufland akzeptiert PNG bis 10 MB, Idealo nutzt PNG-Vorlagen für Vergleichsportal-Thumbnails. Mehr zur Aufbereitung lesen Sie in unserem Beitrag Hintergrund entfernen mit KI und im Lexikoneintrag Bild-SEO.

Hinzu kommen steuerliche Aspekte nach dem UStG: Wer als Kleinunternehmer (§ 19 UStG) bis 25.000 EUR Vorjahresumsatz Bilder einkauft, sollte beim Stockfoto-Anbieter eine Rechnung mit klar ausgewiesener Lizenz für PNG-Dateien erhalten. Für gewerbliche Nutzung mit 19% MwSt. lohnt sich oft ein Inhouse-Workflow mit eigenem PNG-Archiv statt Lizenzgebühren bei Adobe Stock (29,99 EUR/Monat) oder Shutterstock (49 EUR/Monat).

PNG vs. WebP vs. AVIF: Core Web Vitals und Preise im DACH-Shop-Ökosystem

Deutsche Shopsysteme wie Shopware 6, JTL-Shop, Plenty Markets und Shopify DE haben unterschiedliche Standardstrategien für Bildformate. Shopware 6 generiert seit Version 6.5 automatisch WebP-Thumbnails, behält aber das PNG-Format als Fallback für ältere Browser. JTL-Shop liefert PNGs nativ aus, bietet jedoch über das Plugin "JTL-WAWI Bildoptimierer" (ab 49 EUR/Monat) eine automatische Konvertierung in WebP und AVIF.

Für die Core Web Vitals gilt im deutschen Markt der gleiche Schwellenwert wie global: LCP unter 2,5 Sekunden, CLS unter 0,1. Ein typisches Produktfoto 1500x1500 px wiegt als PNG-24 etwa 1,8 MB, als optimiertes PNG-8 mit Palette rund 320 KB, als WebP nur 95 KB und als AVIF lediglich 62 KB. Bei einer Hetzner- oder IONOS-gehosteten Shopware-Instanz ohne CDN macht das den Unterschied zwischen "Good" und "Poor" im PageSpeed Insights aus.

In Preisverhandlungen mit Agenturen kostet eine professionelle Bildoptimierungskampagne für einen mittelgroßen DACH-Shop (5000 SKU) zwischen 1.200 EUR und 4.500 EUR netto. Wir empfehlen die niedrige Dateigröße durch hybride Strategie: PNG für Logos und transparente Overlays, WebP als Standard für Produktfotos, AVIF als progressive Enhancement. Details zum Format-Vergleich finden Sie im WebP-Format-Guide und unter Bild verkleinern online.

Bildqualität nach DIN-Norm und deutsche Image-SEO-Standards für Produktfotografie

Die DIN ISO 12646 (Anforderungen an Monitore und Bildbearbeitung) und die DIN ISO 3664:2009 (Beleuchtung am Arbeitsplatz) sind in deutschen Druckereien und professionellen Fotostudios verbindlich. Wer als Lieferant für Otto, Zalando oder MediaMarkt produziert, muss farbverbindliche PNGs in Adobe RGB oder sRGB mit eingebettetem ICC-Profil liefern - sonst werden die Daten oft kommentarlos abgelehnt.

Im Bereich Image-SEO hat Google für den deutschen Markt klare Erwartungen: Dateinamen ohne Umlaute (z. B. "schmuck-ohrringe-gold-585.png" statt "schmück-öhrringe.png"), Alt-Texte zwischen 80 und 125 Zeichen mit präziser Produktbeschreibung und strukturierte Daten nach Schema.org/Product. Die Bildkomprimierung sollte bei PNGs über Tools wie pngquant (Linux/Mac) oder TinyPNG (Web, 0 EUR bis 39 EUR/Monat Pro-Plan) erfolgen, nie über generisches "Speichern unter".

Für DACH-spezifische Conversion-Optimierung empfiehlt sich ein interner Bildleitfaden, der DSGVO-Konformität (keine erkennbaren Personen ohne Einwilligung), Barrierefreiheit nach BITV 2.0 und WCAG 2.2 sowie technische Mindestanforderungen kombiniert. Lesen Sie dazu unseren Beitrag Fotos bearbeiten, das Lexikon Bildqualität und den Eintrag DPI.