Im Internet sind vor allem drei Bild-Formate gebräuchlich: JPG, PNG und das neuere WebP. Während bei JPG die Dateien durch Kompression an Qualität verlieren, werden die Bild-Daten beim PNG-Format verlustfrei gespeichert. Mit einigen cleveren Tricks lassen sich auch PNG-Bilder deutlich kleiner machen, ohne dass ihr an Qualität verliert.
Der erste und wichtigste Trick greift immer dann, wenn in einem Bild keine transparenten Bereiche vorhanden sind. Denn diese Transparenz wird für jedes Pixel als separater Alpha-Kanal gespeichert – und das braucht ordentlich Platz. Speichert man ein PNG-Bild daher ohne Alpha-Kanal, wird die Datei-Größe oft um 20-30% kleiner.
Um ein PNG-Bild ohne Transparenz zu speichern, genügt es beispielsweise im Vorschau-Programm von macOS, zuerst das Format PNG auszuwählen. Danach einfach den Haken entfernen, der mit Alpha beschriftet ist. Wie viel kleiner die Datei dadurch wird, ist sofort anhand der angezeigten Schätzung zu erkennen.
Moderne PNG-Optimierung mit Online-Tools
Neben dem manuellen Entfernen des Alpha-Kanals gibt es inzwischen zahlreiche spezialisierte Tools für PNG-Optimierung. TinyPNG ist nach wie vor der Klassiker – das Online-Tool komprimiert PNG-Dateien um bis zu 70%, ohne dass das menschliche Auge einen Unterschied bemerkt. Die Technik dahinter nennt sich „quantization“ und reduziert die Anzahl der verwendeten Farben intelligent.
Eine Alternative ist Squoosh von Google, das ihr direkt im Browser verwenden könnt. Das Tool zeigt euch eine Vorher-Nachher-Ansicht und lässt euch verschiedene Kompressionseinstellungen in Echtzeit testen. Besonders praktisch: Squoosh funktioniert komplett lokal – eure Bilder werden nicht auf fremde Server hochgeladen.
PNG vs. WebP: Was ist 2026 sinnvoll?
WebP hat sich mittlerweile als ernst zu nehmende Alternative etabliert. Das von Google entwickelte Format ist bei gleicher Qualität etwa 25-35% kleiner als PNG und unterstützt sowohl verlustfreie als auch verlustbehaftete Kompression. Alle modernen Browser unterstützen WebP inzwischen vollständig – selbst Safari hat 2022 nachgezogen.
Für Websites empfiehlt sich heute ein Hybrid-Ansatz: WebP als primäres Format mit PNG als Fallback. Mit dem HTML-Element „ könnt ihr das elegant lösen:
<picture>
<source srcset="bild.webp" type="image/webp">
<img src="bild.png" alt="Beschreibung">
</picture>
Farbtiefe intelligent reduzieren
Ein oft übersehener Optimierungshebel ist die Farbtiefe. Viele PNG-Bilder werden standardmäßig mit 24 oder 32 Bit Farbtiefe gespeichert, obwohl sie deutlich weniger Farben verwenden. Screenshots von Benutzeroberflächen oder einfache Grafiken kommen oft mit 8 Bit (256 Farben) aus – das reduziert die Dateigröße drastisch.
Tools wie ImageOptim für macOS oder RIOT für Windows analysieren automatisch, ob eine Reduzierung der Farbtiefe möglich ist, ohne die Bildqualität zu beeinträchtigen.
Batch-Optimierung für große Bildbestände
Wenn ihr viele PNG-Dateien optimieren müsst, sind Command-Line-Tools wie pngquant oder optipng die bessere Wahl. Diese lassen sich in Scripts einbinden und können ganze Ordner automatisch abarbeiten. Für Windows-Nutzer bietet sich PNGGauntlet als grafische Oberfläche an.
Für Content-Management-Systeme wie WordPress gibt es Plugins wie ShortPixel oder Imagify, die neue Uploads automatisch optimieren. Das spart Zeit und sorgt für konstant schlanke Ladezeiten.
Progressive Enhancement statt Perfektion
Die Kunst liegt darin, das richtige Maß zu finden. Eine 50% kleinere Datei bringt mehr für die User Experience als die theoretisch perfekte Bildqualität. Testet verschiedene Kompressionsgrade und findet den Sweet Spot zwischen Dateigröße und visueller Qualität.
Besonders bei mobilen Nutzern macht sich jedes gesparte Kilobyte bemerkbar – nicht nur bei der Ladezeit, sondern auch beim Datenverbrauch. PNG-Optimierung ist damit ein wichtiger Baustein für eine nachhaltige und nutzerfreundliche Website.
Zuletzt aktualisiert am 05.04.2026
