WebP-Bilder komprimieren

Ist WebP nicht schon klein genug?

WebP ist ein modernes Format und meist deutlich kleiner als JPG oder PNG. Das heißt aber nicht, dass jede WebP-Datei optimal ist. Bildbearbeitungen exportieren oft mit Qualität 90 oder höher, Website-Baukästen erzeugen WebP in voller Kameraauflösung, und manche Konverter machen aus einem großen PNG ein verlustfreies WebP, das kaum kleiner ist als das Original.

Genau hier setzt TinyThis an: Die Datei wird neu kodiert, auf Wunsch verkleinert und von Metadaten befreit. Ist das Ergebnis nicht kleiner als vorher, bekommst du automatisch die Originaldatei zurück (ohne Metadaten) – du riskierst also nichts.

Was TinyThis bei WebP anders macht

• Sharp YUV: Bei der Umrechnung der Farben nutzt TinyThis ein genaueres Verfahren. Das verhindert die verwaschenen Ränder an roten oder blauen Kanten, die man von vielen WebP-Konvertern kennt.
• Zwei Wege bei Grafiken: Bei Logos, Icons und Screenshots probiert TinyThis zusätzlich verlustfreies WebP aus. Das kleinere Ergebnis gewinnt.
• Transparenz: Der Alphakanal bleibt erhalten, freigestellte Produktbilder und Logos funktionieren weiter wie gewohnt.
• Farbprofile: Bilder in Display P3 oder Adobe RGB werden nach sRGB umgerechnet, damit die Farben in jedem Browser gleich aussehen.

Welche Stufe passt zu deinem WebP?

WebP kennt zwei Arbeitsweisen: verlustbehaftet für Fotos und verlustfrei für Grafiken. Die Qualitätsstufen in TinyThis beziehen sich auf die verlustbehaftete Variante. Als Faustregel gilt:

• Ausgewogen für Fotos im Inhaltsbereich, Galerien und Produktbilder. Das ist der sichere Standard.
• Stark für Hintergrundbilder, die unter Text oder einem Farbverlauf liegen, und für kleine Vorschaubilder. Dort fallen leichte Weichzeichnungen nicht auf.
• Hoch für Bilder mit feiner Schrift, kräftigen Farbkanten oder Hauttönen in Großaufnahme.
• Verlustfrei für Pixelgrafiken, Diagramme und alles, was später noch bearbeitet wird.

Unsicher? Lade dasselbe Bild zweimal mit verschiedenen Stufen hoch und vergleiche die Ergebnisse mit dem Schieberegler. Achte dabei auf Kanten und gleichmäßige Flächen wie Himmel oder Wände – dort zeigen sich Unterschiede zuerst. In unserem Test wurde ein 4,9 MB großes Foto als WebP mit „Ausgewogen“ 1,57 MB groß, mit „Stark“ 1,16 MB.

Die größte Ersparnis steckt in den Pixelmaßen

Bei WebP-Dateien, die schon ordentlich komprimiert sind, bringt eine andere Qualitätsstufe allein oft nur wenige Prozent. Viel mehr holst du über die Pixelmaße. Ein Bild, das im Blogtext 800 Pixel breit angezeigt wird, braucht keine 4000 Pixel – auch für hochauflösende Displays genügt etwa die doppelte Anzeigebreite.

Unter „Größe ändern“ wählst du eine der Vorgaben oder trägst einen eigenen Wert ein. TinyThis vergrößert dabei nie und behält das Seitenverhältnis bei. Ausführliche Empfehlungen findest du im Ratgeber Bildgröße für Websites.

Schritt für Schritt

1. WebP-Dateien hochladen – bis zu 50 Stück, je bis 30 MB.
2. „Format behalten“ eingestellt lassen, damit wieder WebP herauskommt.
3. Qualitätsstufe wählen: „Ausgewogen“ für Fotos, „Stark“ für Vorschaubilder und Hintergründe.
4. Optional die längste Kante begrenzen.
5. Ergebnisse im Vorher/Nachher-Vergleich prüfen und als ZIP herunterladen.

Betreibst du eine Website mit vielen Bildern, musst du das nicht dauerhaft von Hand erledigen: Das WordPress-Plugin komprimiert neue Uploads automatisch und optimiert auf Wunsch die ganze Mediathek, und über die API bindest du TinyThis in eigene Systeme ein.

Wenn WebP gar nicht das Ziel ist

Manchmal soll eine WebP-Datei nicht kleiner, sondern kompatibler werden – weil ein Upload-Formular, ein Druckdienst oder ein älteres Programm WebP nicht annimmt. Dann hilft WebP in JPG umwandeln oder, bei transparenten Bildern, WebP in PNG.

Umgekehrt gilt: Hast du noch viele JPGs oder PNGs auf deiner Website, ist die Umwandlung nach WebP oft der größere Gewinn als das Nachkomprimieren vorhandener WebP-Dateien. Einen Überblick gibt die Seite Bilder für Website optimieren.