Wenn du schon einmal ein Logo auf einen farbigen Hintergrund legen musstest und dieses unerwünschte weiße Kästchen um das Bild herum erschien, lag das Problem am Format. PNG wurde geschaffen, um genau das zu lösen — unter anderem. Es ist das Standardformat für jedes Bild, das einen transparenten Hintergrund braucht oder beim Speichern keine Qualität verlieren darf.
Was bedeutet PNG?
PNG bedeutet Portable Network Graphics — "tragbare Netzwerkgrafiken" auf Deutsch. Das Format wurde 1995 als offene, lizenzgebührenfreie Alternative zu GIF geschaffen und wurde schnell eines der meistgenutzten Bildformate im Web. Anders als JPG nutzt PNG verlustfreie Komprimierung (lossless), was bedeutet, dass beim Speichern der Datei keine Pixelinformationen verworfen werden.
Wie funktioniert PNG?
PNG nutzt einen Komprimierungsalgorithmus namens DEFLATE — denselben, der in ZIP-Dateien verwendet wird — kombiniert mit Pixel-Vorhersagefiltern. Der Prozess analysiert Wiederholungsmuster im Bild und kodiert sie effizienter, ohne jegliche Originalinformation zu verwerfen.
Das Ergebnis ist, dass ein zehnmal gespeichertes und wieder geöffnetes PNG Pixel für Pixel identisch mit der Originaldatei ist. Das macht das Format ideal für jeden Kontext, in dem visuelle Treue entscheidend ist — wie Screenshots, Logos und Bilder, die mehrfach bearbeitet werden.
PNG unterstützt auch einen speziellen Kanal namens Alphakanal, der die Transparenz jedes Pixels einzeln steuert. Ein Pixel kann vollständig undurchsichtig, vollständig transparent oder jede Stufe der Halbtransparenz dazwischen sein — was geglättete Kanten und Schatten mit echter Transparenz ermöglicht.
Was sind die Vorteile von PNG?
- Transparenz mit Alphakanal: vollständige Transparenzunterstützung, einschließlich Halbtransparenz und geglätteter Kanten. Es ist das einzige weit unterstützte Format, das es erlaubt, Bilder auf jeden Hintergrund zu legen, ohne ein weißes Kästchen.
- Verlustfreie Komprimierung: die Originalqualität bleibt vollständig erhalten, unabhängig davon, wie oft die Datei gespeichert oder erneut geöffnet wird.
- Ideal für Text und scharfe Grafiken: gerade Kanten, Text und Flächen mit einheitlicher Farbe bleiben in PNG perfekt scharf, ohne die Komprimierungsartefakte, die bei JPG auftreten.
- Universelle Kompatibilität: unterstützt von allen Browsern, Betriebssystemen und Bildbearbeitungssoftware.
- Unterstützung für tiefe Farben: PNG unterstützt 8-Bit-Bilder (256 Farben), 24-Bit (16,7 Millionen Farben) und sogar 48-Bit für professionelle Anwendungen.
Was sind die Einschränkungen von PNG?
- Größere Dateien für Fotos: die verlustfreie Komprimierung ist weniger effizient als die verlustbehaftete Komprimierung von JPG für Fotografien. Ein Foto als PNG kann 5 bis 10 Mal größer sein als dasselbe Foto als JPG bei gleichwertiger visueller Qualität.
- Keine Animationsunterstützung: PNG ist ein statisches Format. Für animierte Bilder mit Transparenz sind WebP oder APNG (animiertes PNG) Alternativen, aber mit eingeschränkterer Unterstützung.
- Nicht geeignet für Fotos auf Websites: PNG für Fotografien auf Websites zu verwenden kann die Ladeleistung erheblich beeinträchtigen. Für Fotos sind JPG oder WebP immer die richtige Wahl.
💡 Praktische Regel: Nutze PNG, wenn das Bild einen transparenten Hintergrund hat, wenn es ein Logo, Icon, Screenshot oder jede Grafik mit Text und scharfen Kanten ist. Für Fotografien auf Websites bevorzuge JPG oder WebP — sie sind viel leichter ohne wahrnehmbaren visuellen Verlust.
PNG-8 vs. PNG-24 — was ist der Unterschied?
| Merkmal | PNG-8 | PNG-24 |
|---|---|---|
| Anzahl der Farben | Bis zu 256 Farben | Bis zu 16,7 Millionen Farben |
| Transparenz | Binär (ja oder nein pro Pixel) | Vollständiger Alphakanal (256 Stufen) |
| Dateigröße | Kleiner | Größer |
| Ideal für | Einfache Icons, Grafiken mit wenigen Farben | Logos, Bilder mit Halbtransparenz |
Für die meisten modernen Anwendungen — besonders Logos und Bilder mit geglätteten Kanten — ist PNG-24 am besten geeignet, da es vollständige Transparenz mit jeder Opazitätsstufe garantiert.
Wann PNG verwenden?
Nutze PNG in folgenden Situationen:
- Logos und visuelle Identität: wenn das Logo auf Hintergründe unterschiedlicher Farben gelegt werden muss, ohne weißes Kästchen.
- Screenshots: Oberflächen, Dashboards und Systembildschirme haben in PNG perfekt scharfen Text.
- Icons und UI-Elemente: Schaltflächen, Illustrationen und Interface-Elemente, die saubere Kanten brauchen.
- Bilder zur Bearbeitung: immer wenn das Bild wiederholt geöffnet, bearbeitet und gespeichert wird, vermeidet PNG den kumulativen Qualitätsverlust von JPG.
- Infografiken mit Text: Grafiken und Bilder, die Text und visuelle Elemente kombinieren, sind in PNG viel schärfer.
PNG vs. JPG vs. WebP — vollständiger Vergleich
| Merkmal | PNG | JPG | WebP |
|---|---|---|---|
| Komprimierung | Verlustfrei (lossless) | Verlustbehaftet (lossy) | Beides |
| Transparenz | Ja (Alphakanal) | Nein | Ja |
| Ideal für Fotos | Nein | Ja | Ja |
| Ideal für Logos und Icons | Ja | Nein | Ja |
| Größe für Fotos | Sehr groß | Klein | Sehr klein |
| Größe für Logos | Klein bis mittel | Mittel (mit Artefakten) | Klein |
| Universelle Unterstützung | Ja | Ja | Moderne Browser |
Wie reduziert man die Größe von PNG-Dateien?
Auch wenn es ein verlustfreies Format ist, ist es möglich, die Größe eines PNG erheblich zu reduzieren. Die Techniken umfassen die Reduzierung der Farbtiefe (von PNG-24 auf PNG-8, wenn das Bild wenige Farben verwendet), das Entfernen unnötiger Metadaten und die Anwendung effizienterer Komprimierungsalgorithmen wie die des Bild-Komprimierers von ImageTools. In vielen Fällen ist es möglich, die Größe eines PNG um 30% bis 50% zu reduzieren, ohne jeglichen visuellen Verlust.
Komprimiere deine PNGs ohne Qualitätsverlust
Reduziere die Größe von PNG-Dateien bei erhaltener Transparenz und Originalschärfe. Kostenlos und direkt im Browser.
PNG-Bilder komprimieren