Lossless: Daten neu organisieren
Verlustfreie Komprimierung speichert Bildinformationen effizienter, ohne sie zu entfernen. Nach dem Dekomprimieren sind die Pixelinformationen wieder vollständig vorhanden. PNG ist ein bekanntes Beispiel. Das eignet sich für Arbeitsdateien, technische Grafiken, Screenshots und Inhalte, die exakt weiterverarbeitet werden müssen.
Lossy: Wahrnehmung intelligent nutzen
Verlustbehaftete Verfahren entfernen Informationen. Gute Encoder versuchen dabei, weniger wichtige Details stärker zu reduzieren als sichtbare Strukturen. Bei Fotos kann dies enorme Einsparungen bringen. Zu aggressive Einstellungen erzeugen jedoch Blockbildung, Farbstufen und verwaschene Texturen.
| Bildtyp | Meist sinnvoll | Warum |
|---|---|---|
| Foto | Lossy | Viele Farben und natürliche Texturen |
| Screenshot mit Text | Lossless oder hohe Qualität | Scharfe Kanten reagieren empfindlich |
| Logo mit Transparenz | Lossless/SVG | Wenige Farben, klare Konturen |
| Hero-Foto | Kontrolliert lossy | Grosse Fläche, Ladezeit relevant |
| Masterdatei | Lossless | Spätere Bearbeitung offenhalten |
Warum „ohne Qualitätsverlust“ oft missverständlich ist
Im Marketing meint die Formulierung häufig „ohne sichtbaren Unterschied“, technisch aber nicht zwingend „verlustfrei“. Ein WebP-Foto kann Bilddaten verlieren und in normaler Darstellung dennoch praktisch identisch wirken. Deshalb sollte klar zwischen mathematischer Verlustfreiheit und wahrgenommener Qualität unterschieden werden.
Beste Praxis: Bewahre das Original verlustfrei oder in hoher Qualität auf. Erzeuge daraus gezielt kleinere Webvarianten. So musst du einen bereits komprimierten Export nie als neue Quelle verwenden.
Qualität sinnvoll testen
- Vergleiche bei realer Darstellungsgrösse, nicht nur stark hineingezoomt.
- Prüfe kritische Bereiche wie Gesichter, Himmel und feine Muster.
- Teste auf hellem und dunklem Hintergrund, wenn Transparenz vorhanden ist.
- Vergleiche die Einsparung mit dem tatsächlich sichtbaren Unterschied.
Der Hybrid-Ansatz
WebP kann verlustbehaftete Farbinformationen mit einem sauberen Alpha-Kanal kombinieren. Dadurch bleiben transparente Kanten erhalten, während der farbige Bildinhalt effizient komprimiert wird. Für freigestellte Produktbilder oder komplexe Grafiken ist diese Kombination besonders praktisch.