PNG komprimieren – kleiner, mit Transparenz

Warum PNG-Dateien so schwer sind

PNG speichert Bilder verlustfrei. Für Grafiken mit klaren Kanten ist das ideal, hat aber seinen Preis: Jedes Pixel wird mit voller Farbtiefe abgelegt – bis zu 16,7 Millionen Farben plus Transparenzkanal. Ein Logo, das in Wahrheit aus einer Handvoll Farbtönen besteht, wird so unnötig groß.

Noch extremer ist es bei Fotos, die als PNG gespeichert wurden, etwa als Export aus einem Grafikprogramm oder als Bildschirmfoto einer Fotogalerie. Hier ist PNG schlicht das falsche Format, und die Dateien landen schnell bei mehreren Megabyte.

So funktioniert die PNG-Komprimierung

TinyThis nutzt pngquant, ein bewährtes Open-Source-Verfahren. Die Farben im Bild werden zu einer optimierten Palette mit höchstens 256 Farben zusammengefasst. Wo Farbübergänge sind, werden die Pixel fein gestreut (Dithering), damit keine sichtbaren Stufen entstehen. Weil ein Pixel dann nur noch auf einen Paletteneintrag verweist statt vier Farbwerte zu speichern, schrumpft die Datei drastisch.

Der Alphakanal bleibt dabei erhalten, auch halbtransparente Kanten, Schatten und weiche Übergänge. Dein Logo kannst du also danach weiterhin auf jeden Hintergrund legen.

Bemerkenswert: Beim Logo war das komprimierte PNG sogar kleiner als die WebP-Variante. Für Grafiken mit wenigen Farben ist ein gut optimiertes PNG also nach wie vor eine sehr gute Wahl.

Verlustbehaftet oder verlustfrei?

Die Palettenreduktion verändert Farbwerte – meist unsichtbar, bei sehr feinen Verläufen oder Fotos mit vielen Farbtönen manchmal erkennbar. Prüfe das mit dem Vorher/Nachher-Regler. Ist dir jede Abweichung zu viel, wähle die Stufe Verlustfrei: Dann optimiert optipng nur die Kompression der Datei, und jedes Pixel bleibt exakt gleich. Die Ersparnis fällt dafür deutlich geringer aus.

• Ausgewogen – für Logos, Icons, Illustrationen und die meisten Screenshots.
• Stark – wenn es auf jedes Kilobyte ankommt, etwa bei vielen Icons auf einer Website.
• Hoch – für Grafiken mit feinen Verläufen, bei denen du ganz auf Nummer sicher gehen willst.
• Verlustfrei – für Vorlagen, die du weiterbearbeitest, oder für Pixel-Art.

Welches Format für welches Bild?

Fotos, die als PNG vorliegen, wandelst du am besten von PNG in JPG um. Für Websites lohnt sich oft PNG in WebP. Und wenn du unsicher bist, wähle im Werkzeug „Alle Formate vergleichen“ und nimm das kleinste Ergebnis.

In drei Schritten zum kleineren PNG

1. PNGs ins Feld ziehen, per Dateiauswahl öffnen oder mit Strg+V direkt aus der Zwischenablage einfügen.
2. „Format behalten“ lassen und die passende Qualitätsstufe wählen.
3. Ergebnis im Vergleich prüfen und einzeln oder als ZIP herunterladen.

Typische Stolperfallen bei PNGs

• Retina-Screenshots: Auf hochauflösenden Displays sind Bildschirmfotos doppelt so breit wie das, was du siehst. Ein Screenshot eines Browserfensters hat so schnell 2800 Pixel und mehr. Begrenze die längste Kante unter „Größe ändern“, etwa auf 1600 Pixel – das spart oft mehr als die Komprimierung selbst.
• Feine Farbverläufe: Ein weicher Verlauf über die ganze Bildbreite hat viele Farbtöne. Mit 256 Palettenfarben kann er leicht körnig wirken. Schau dir solche Stellen im Vergleich an und wähle notfalls „Hoch“ oder „Verlustfrei“.
• PNG statt JPG aus Gewohnheit: Manche Programme speichern standardmäßig als PNG, auch Fotos. Prüfe bei großen Dateien kurz, ob es eigentlich ein Foto ist – dann ist ein Formatwechsel der größere Gewinn.
• Versteckte Zusatzdaten: PNGs können Textblöcke, Farbprofile und Bearbeitungsinfos enthalten. TinyThis entfernt Metadaten immer und rechnet Farbprofile nach sRGB um, damit die Farben im Web stimmen.

Bei Icons, Buttons und Diagrammen sind Einsparungen von mehr als der Hälfte normal, ohne dass jemand den Unterschied bemerkt. Gerade auf Websites mit vielen kleinen Grafiken summiert sich das spürbar.