Warum ist mein PNG so groß? 3 Lösungen
PNG ist verlustfrei, weshalb die Dateien enorm groß sind. Hier sind drei Lösungen für das Problem und was Sie jede davon kostet.
Ihre PNG ist 8 MB groß, weil PNG jeden Pixel exakt speichert und ein ganzseitiger Screenshot mit Retina-Auflösung tatsächlich so viele Informationen enthält. Das Format verwirft nichts, was der eigentliche Zweck von PNG und gleichzeitig das ganze Problem ist.
Es gibt 3 Wege, dies zu beheben, und jeder kostet Sie etwas anderes. Das Verringern der Abmessungen kostet Auflösung, die Sie wahrscheinlich gar nicht benötigt haben. Das Reduzieren der Farbtiefe kostet Farbgenauigkeit bei Fotos. Das Ändern des Formats kostet Kompatibilität außerhalb von Browsern. Wählen Sie danach aus, wofür das Bild gedacht ist.
Ihre 3 Optionen
- Reduzieren Sie die Abmessungen. Kostenlos und meist der größte Gewinn. Niemand braucht einen Screenshot mit 5000 Pixeln.
- Reduzieren Sie die Farbtiefe. Funktioniert gut bei flachen Grafiken, schlecht bei Fotos.
- Ändern Sie das Format. WebP behält die Transparenz bei und ist in der Regel 25 bis 35 Prozent kleiner.
Warum PNG-Dateien so schnell groß werden
Die PNG-Dateigröße skaliert direkt mit der Pixelanzahl, da jeder Pixel exakt beschrieben werden muss. Eine Verdoppelung von Breite und Höhe vervierfacht die Anzahl der Pixel und vervierfacht in etwa die Dateigröße.
Ein Screenshot mit 5120 mal 2880 Pixeln von einem hochauflösenden Monitor enthält 14,7 Millionen Pixel. Bei 3 Bytes pro Pixel vor der Komprimierung sind das 44 MB an Rohdaten, und die PNG-Komprimierung reduziert dies in der Regel auf einen Wert zwischen 4 MB und 12 MB, je nachdem, wie viele flache Farben das Bild enthält. Ein Ergebnis von 8 MB ist also völlig normal und kein Fehler.
Lösung 1: Abmessungen reduzieren
Ändern Sie die Bildgröße auf das größte Maß, in dem es jemals angezeigt wird. Dadurch wird der Großteil des Dateigewichts eingespart, noch bevor Sie etwas anderes versuchen. Dies ist die Lösung mit der größten Wirkung und den geringsten Kosten.
| Originalgröße | Geändert auf | Entfernte Pixel | Typische Datei |
|---|---|---|---|
| 5120 x 2880 | 2560 x 1440 | 75 Prozent | 8 MB bis 2 MB |
| 3840 x 2160 | 1920 x 1080 | 75 Prozent | 5 MB bis 1,3 MB |
| 2560 x 1440 | 1280 x 720 | 75 Prozent | 2 MB bis 500 KB |
| 4000 x 3000 Foto | 1600 x 1200 | 84 Prozent | 18 MB bis 2,9 MB |
Messen Sie die maximale Breite, in der das Bild auf der Seite gerendert wird, verdoppeln Sie diese für Bildschirme mit hoher Pixeldichte und ändern Sie die Größe auf das Ergebnis. Ein Screenshot, der mit einer Breite von 800 Pixeln angezeigt wird, benötigt 1600 Pixel und nicht mehr.
Lösung 2: Farbtiefe reduzieren
Die Konvertierung von 24-Bit-Farbe in eine 8-Bit-Palette reduziert eine PNG um 50 bis 70 Prozent und funktioniert nur bei Bildern mit begrenzten Farben. Screenshots von Benutzeroberflächen, Diagramme, Logos und Grafiken sind dafür ideal geeignet.
Diese Technik speichert eine Palette von bis zu 256 Farben und referenziert diese pro Pixel, anstatt vollständige Farbwerte zu speichern. Ein Screenshot einer Benutzeroberfläche enthält selten mehr als 256 verschiedene Farben, sodass die Reduzierung unsichtbar ist. Ein Foto enthält Zehntausende Farben, weshalb dieselbe Reduzierung zu sichtbaren Streifen (Banding) im Himmel und auf der Haut führt.
Lösung 3: Format ändern
Konvertieren Sie für die Webnutzung zu WebP, was die Transparenz beibehält und in der Regel 25 bis 35 Prozent kleiner als PNG ist. Konvertieren Sie nur dann zu JPG, wenn es sich um ein Foto handelt und keine Transparenz benötigt wird.
- WebP verlustfrei (lossless) für Grafiken und screenshots, was jeden Pixel exakt beibehält und dennoch 20 bis 30 Prozent einspart.
- WebP verlustbehaftet (lossy) für fotografische PNG-Dateien, bei denen die Ersparnis 70 Prozent oder mehr erreicht.
- JPG für Fotos ohne Transparenz, bei denen PNG von Anfang an die falsche Wahl war.
- AVIF für große fotografische Bilder, das bei Dateien über 100 KB noch stärker komprimiert.
- Vektorgrafiken für Logos und Icons, bei denen eine SVG-Datei nur einen Bruchteil eines Rasterformats wiegen kann.
Die häufigste Ursache: Ein Foto, das als PNG gespeichert wurde
Ein als PNG gespeichertes Foto ist 3- bis 5-mal größer als dasselbe Foto als JPEG, ohne sichtbaren Unterschied. Dieser eine Fehler ist für die meisten übergroßen PNG-Dateien verantwortlich.
Die PNG-Komprimierung sucht nach Wiederholungen, und Fotos enthalten auf Pixelebene fast keine, da sich jeder Pixel geringfügig von seinem Nachbarn unterscheidet. Das Format speichert letztendlich Millionen von fast einzigartigen Werten exakt ab. Speichern Sie Fotos als JPEG oder WebP und reservieren Sie PNG für Bilder, die tatsächlich flache Farben oder Transparenz aufweisen.
Wie man eine PNG ohne Qualitätsverlust verkleinert
Um eine PNG zu verkleinern und sie gleichzeitig verlustfrei zu halten, befolgen Sie diese 5 Schritte der Reihe nach.
- Schneiden Sie ungenutzte Bereiche ab, da leere Ränder immer noch Dateigröße kosten.
- Ändern Sie die Größe auf das größte Maß, das das Bild jemals benötigt, verdoppelt für Bildschirme mit hoher Pixeldichte.
- Prüfen Sie, ob das Bild tatsächlich Transparenz benötigt, da ein flachgerechnetes Bild besser komprimiert.
- Reduzieren Sie die Farbpalette, wenn das Bild eine Grafik und kein Foto ist.
- Konvertieren Sie zu WebP verlustfrei, was immer noch exakt und in der Regel 20 bis 30 Prozent kleiner ist.
Die Schritte 1 und 2 lösen das Problem meist schon von allein. Die restlichen Schritte sind wichtig, wenn ein Bild sehr groß bleiben muss, wie z. B. ein ganzseitiger Screenshot in einer Dokumentation.
Warum Screenshots auf modernen Bildschirmen so groß sind
Bildschirme mit hoher Pixeldichte nehmen Screenshots mit der 2- oder 3-fachen logischen Auflösung auf, sodass ein Screenshot eines 1200 Pixel breiten Fensters mit 2400 oder 3600 Pixeln gespeichert wird. Die Datei ist weitaus größer, als das Fenster eigentlich wirkte.
Diese zusätzliche Auflösung ist nützlich, wenn der Screenshot auf einem anderen Bildschirm mit hoher Pixeldichte angezeigt wird, andernfalls ist sie verschwendet. Für Dokumentationen und Support-Artikel halbiert das Zurückskalieren auf die logische Größe die Abmessungen und reduziert die Datei um etwa 75 Prozent, während es für die meisten Leser identisch aussieht.
Wann man die PNG groß lassen sollte
Behalten Sie die PNG in voller Größe, wenn das Bild eine Masterdatei, eine Druckvorlage oder eine Quelle ist, die später bearbeitet wird. Komprimierungsentscheidungen gehören zu den Bereitstellungskopien und nicht zu den Originalen.
Designdateien, Logo-Master, Druckvorlagen und gescannte Dokumente rechtfertigen alle ihre Größe. Speichern Sie diese in voller Auflösung und erstellen Sie kleinere Kopien für das jeweilige Ziel. Der Fehler besteht darin, das Original zu veröffentlichen, anstatt es nur aufzubewahren, da ein Original nur einmal Speicherplatz kostet, während ein veröffentlichtes Original bei jedem Besuch Bandbreite kostet.
Transparenz kostet mehr, als man erwartet
Ein Transparenzkanal fügt jedem Pixel einen vierten Wert hinzu, was die Rohdaten vor der Komprimierung um etwa 33 Prozent erhöht. Viele PNG-Dateien tragen diesen Kanal in sich, ohne ihn zu nutzen.
Screenshots, exportierte Diagramme und Bilder, die auf einen weißen Hintergrund flachgerechnet wurden, behalten häufig einen Alpha-Kanal bei, der überall vollständig deckend ist. Ihn zu entfernen kostet visuell nichts und reduziert die Datei messbar. Prüfen Sie, ob das Bild tatsächlich einen transparenten Hintergrund benötigt, bevor Sie davon ausgehen, dass der Kanal erforderlich ist, da die meisten auf einer weißen Seite platzierten Bilder dies nicht tun.
Verliert eine PNG beim Komprimieren an Qualität?
Eine verlustfreie PNG-Optimierung verliert nichts, während das Reduzieren von Farben oder Abmessungen das Bild dauerhaft verändert. Die 3 Techniken werden häufig zusammen beschrieben, sind aber nicht gleichwertig.
Die verlustfreie Optimierung reorganisiert die Art und Weise, wie die Datei ihre Daten speichert, und spart in der Regel 5 bis 20 Prozent bei pixelidentischer Ausgabe. Palettenreduzierung und Größenänderung verändern das Bild selbst, was für Bereitstellungskopien akzeptabel und für Masterdateien inakzeptabel ist. Behalten Sie das Original immer dann, wenn die Reduzierung nicht umkehrbar ist.
Einen ganzen Ordner mit übergroßen PNG-Dateien korrigieren
Verarbeiten Sie den Ordner in einem Rutsch, da übergroße PNG-Dateien meist in Gruppen aus derselben Quelle stammen. Eine Dokumentationsreihe, eine Screenshot-Bibliothek oder ein Export aus einem Design-Tool weisen in der Regel durchgehend das gleiche Problem auf.
Ziehen Sie bis zu 500 Dateien auf einmal hinein oder ziehen Sie ein ZIP-Archiv direkt hinein, und legen Sie die Abmessungen und das Format einmal für den gesamten Satz fest. Alles läuft in Ihrem Browser auf Ihrem eigenen Prozessor ab, sodass interne Screenshots, Produktdesigns und Kundendokumentationen niemals einen Server erreichen. Es wird nichts hochgeladen, sodass es keine Aufbewahrungsrichtlinien zu lesen gibt und danach nichts zurückbleibt.
Beheben Sie sowohl die Ursache des Problems als auch die Dateien. Ein Screenshot-Tool, das so eingestellt ist, dass es PNG in voller Retina-Auflösung speichert, wird unendlich lange 8 MB große Dateien erzeugen. Die meisten Capture-Tools ermöglichen ein Standardformat und einen Skalierungsfaktor. Wenn Sie beides einmal ändern, müssen Sie Screenshots nicht nach jedem Support-Artikel erneut verarbeiten.