Auch bei der "Komprimierung von WebP" haben unterschiedliche Personen ganz unterschiedliche Ziele:
Einige möchten JPG, PNG stapelweise in WebP konvertieren; andere haben bereits WebP-Dateien und möchten sie weiter verkleinern; wieder andere müssen mit animierten WebP-Dateien arbeiten.
Es gibt kein Tool, das absolut besser ist; es kommt nur darauf an, ob es für Ihren Anwendungsfall geeignet ist. In diesem Artikel werden die Tools basierend auf Szenarien empfohlen, und für jedes Szenario wird nur das eine oder zwei handlicheren Tools genannt.
Vorab: WebP in zwei Minuten verstehen
WebP gibt es in drei Formen:
- Verlustbehaftetes WebP: Ähnlich wie JPEG werden Details je nach Qualitätsparameter entfernt; kleinere Dateigröße, ideal für Fotos, Banner.
- Verlustfreies WebP: Ähnlich wie PNG bleiben Pixel vollständig identisch, ideal für Screenshots, UI-Ressourcen.
- Animiertes WebP: Mehrere Frames, kann verlustbehaftet oder verlustfrei sein, häufig aus GIFs konvertierte Emojis und Präsentations-Animations.
Wenn Sie unsicher sind, welchen Typ Sie haben, nutzen Sie die offizielle Google-Tool webpinfo:
bash
brew install webp
webpinfo image.webp
Die Ausgabe zeigt VP8 für verlustbehaftet, VP8L für verlustfrei und ANIM / ANMF für Animationen.
Es gibt noch etwas, das Sie vorab wissen sollten: Bei verlustbehaftetem WebP vergrößert eine höhere Qualitätsparameter neu zu kodieren die Dateigröße, die Bildqualität sich jedoch nicht verbessert – die verlorenen Details lassen sich nicht wiederherstellen. Daher sollte ein gutes Komprimierungstool für WebP entscheiden, ob eine Komprimierung möglich ist.
Szenario 1: JPG / PNG stapelweise in WebP konvertieren
Dies ist die erste Aufgabe, die die meisten beim ersten Kontakt mit WebP erledigen.
Für die grafische Oberfläche wählen Sie XnConvert. Kostenlos, plattformübergreifend; Sie können eine Gruppe von Bildern auf einmal hineinziehen, WebP-Qualität oder den verlustfreien Modus einstellen und gleichzeitig die Größe ändern oder den Dateinamen anpassen. Bei der Formatkonvertierung ist es der unkomplizierteste Weg.
Für den Build-Prozess wählen Sie cwebp oder sharp. Bei Webseitenprojekten ist es besser, dies automatisiert beim Packen oder Hochladen auf den CDN zu tun:
bash
cwebp: Qualität 75, langsamste, sparsamste Kodierung, Metadaten wie ICC beibehalten
cwebp -q 75 -m 6 -metadata icc input.jpg -o output.webp
js
// sharp (Node.js)
await sharp('input.jpg').webp({ quality: 75, effort: 6 }).toFile('output.webp')
Unsicher bei den Parametern? Probieren Sie zuerst Squoosh aus. Das Online-Tool von Google verarbeitet eine Datei auf einmal, bietet aber eine Bildschirmaufteilung und Echtzeit-Vergrößerung/Verkleinerung. Nutzen Sie es, um herauszufinden, welche Qualität für diesen Bildtyp geeignet ist, und übertragen Sie die Werte dann in das Batch-Tool.
Szenario 2: Bereits WebP, weiter verkleinern
Ihre Webseite ist bereits auf WebP umgestiegen, aber Lighthouse zeigt immer noch "Bilder können weiter komprimiert werden" an; oder Ihr Ressourcenordner ist voll mit WebP-Dateien. In diesem Fall benötigen Sie keine Formatkonvertierung, sondern eine lokale Komprimierung der vorhandenen Dateien.
Mac-Nutzer: ImgZilla
ImgZilla ist unser macOS-Bildkomprimierungstool, das genau für dieses Szenario entwickelt wurde:
- Lokale Komprimierung, gleicher Pfad. Nach der Komprimierung bleibt
banner.webpbanner.webp; keine Änderungen an Links in Webseiten, Code oder Dokumenten erforderlich. - Gesamter Ordner in das Tool ziehen. Rekursive Scan aller Unterverzeichnisse, automatisches Überspringen von versteckten Dateien und
node_modules; WebP, JPG, PNG, GIF, AVIF, HEIC, SVG können zusammen verarbeitet werden. - Keine Parameteranpassung erforderlich. Nutzt die Google libwebp-Kodierung, Qualität 75, Kodierungsanstrengung 4, identisch mit den Standardparametern von Squoosh; Transparentkanäle werden mit höchster Qualität beibehalten, ohne unscharfe Ränder.
- Nicht erzwingen, wenn nicht komprimierbar. Wenn die Datei nach Neu kodierung nicht kleiner ist (weniger als 0,4%), wird sie als "bereits minimal" markiert und die Originaldatei beibehalten. Es werden keine größeren Dateien zurückgegeben, und die kostenlose Kontingentanzahl wird nicht verbraucht.
- Rückgängig möglich. Die Originaldatei wird in den Papierkorb verschoben; bei Bedarf können Sie eine Datei über das Kontextmenü "Zurück an Ort" legen.
- Lokaler Betrieb ohne Server-Upload.
👉 ImgZilla im Mac App Store herunterladen
Andere Plattformen: Caesium oder TinyPNG
- Caesium Image Compressor: Kostenlos und Open Source, verfügbar unter Windows, macOS und Linux, unterstützt Batch-Komprimierung von WebP, Qualitäts- und Metadaten-Einstellungen möglich.
- TinyPNG: Online-Tool, ebenfalls WebP-kompatibel. Einfach hineinziehen, aber die kostenlose Version hat eine Beschränkung auf die Anzahl der Bilder und Dateigröße; Bilder müssen auf dem Server des Anbieters hochgeladen werden.
Szenario 3: Animiertes WebP
Für animierte Bilder gibt es zwei Bedürfnisse:
GIF in animiertes WebP konvertieren: Nutzen Sie das offizielle Google-Tool gif2webp (im selben libwebp-Paket wie cwebp, unter Mac mit brew install webp installierbar). Animiertes WebP ist im Vergleich zu GIF oft deutlich kleiner.
bash
gif2webp -q 75 -m 6 input.gif -o output.webp
Bereits animiertes WebP weiter komprimieren: Viele Tools stürzen bei Animationen ab oder behalten nur den ersten Frame. ImgZilla unterstützt die Komprimierung von animiertem WebP – wiederverwendet alle Frames neu, behält die Anzahl der Frames, Dauer pro Frame, Schleifenzahl und Canvas-Größe bei; die Animation bleibt identisch, nur die Dateigröße ist kleiner. Wie bei statischen Bildern wird eine nicht komprimierbare Datei als "bereits minimal" markiert und beibehalten.
Szenario 4: Pixel müssen identisch bleiben
UI-Slices müssen strikt zum Design entsprechen, Screenshots müssen pixelgenau verglichen werden, Ressourcen müssen weiter bearbeitet werden – in diesen Fällen ist verlustfreie Komprimierung erforderlich.
Mit cwebp:
bash
Rein verlustfrei
cwebp -lossless -z 9 input.png -o output.webp
Fast verlustfrei: Sehr kleine Pixeländerungen, aber deutlich kleiner als rein verlustfrei, ideal für Screenshots und UI
cwebp -near_lossless 60 input.png -o output.webp
Hinweis: ImgZilla nutzt für WebP grundsätzlich verlustbehaftete Kodierung, auch für ursprünglich verlustfreies WebP. Die Dateigröße sinkt meist deutlich, die Pixel sind jedoch nicht mehr exakt identisch. Außerdem werden Metadaten (einschließlich Farbprofile) entfernt; normale sRGB-Bilder sind davon nicht betroffen, Bilder mit breitem Farbraum wie Display P3 können in Farbmanagement-Software leicht andere Farben zeigen. Für Bilder mit strengen Anforderungen an Pixel und Farbe nutzen Sie bitte cwebp oder isolieren Sie diese Bilder vor der Komprimierung.
Zusammenfassung in einer Tabelle
| Was Sie tun wollen | Empfehlung | Alternative |
|---|---|---|
| JPG / PNG stapelweise in WebP konvertieren | XnConvert | cwebp, sharp (Build-Prozess) |
| Parameter testen, einzelne Datei | Squoosh | — |
| Bereitses WebP lokal weiter komprimieren (Mac) | ImgZilla | Caesium |
| Bereitses WebP weiter komprimieren (Windows / Linux) | Caesium | TinyPNG |
| GIF zu animiertem WebP konvertieren | gif2webp | — |
| Bereitses animiertes WebP weiter komprimieren | ImgZilla | Eigenes Skript mit libwebp |
| Pixel müssen identisch bleiben | cwebp -lossless / -near_lossless |
— |
Download-Links
| Tool | Plattform | Preis | Download |
|---|---|---|---|
| ImgZilla | macOS 12.3+ | Kostenlos bis zu 10 Bilder pro Tag | Mac App Store |
| XnConvert | Windows / macOS / Linux | Kostenlos für Privatnutzer | xnview.com |
| Caesium Image Compressor | Windows / macOS / Linux | Kostenlos und Open Source | saerasoft.com |
| cwebp / gif2webp / webpinfo | Kommandozeile | Kostenlos und Open Source | Google Downloadseite, Mac: brew install webp |
| sharp | Node.js | Kostenlos und Open Source | sharp.pixelplumbing.com, npm install sharp |
| Squoosh | Webseite | Kostenlos | squoosh.app |
| TinyPNG | Webseite | Kostenlos mit Limit | tinypng.com |
Schlusswort
WebP ist bereits ein sehr effizientes Format. Wenn Ihre WebP-Dateien von einem CDN oder einem Build-Tool mit vernünftigen Parametern generiert wurden, ist der Komprimierungsspielraum oft gering; "bereits minimal" ist normal. Viel größer sind die Einsparungen oft bei Dateien, die mit hoher Qualität exportiert, aus PNG verlustfrei konvertiert oder direkt aus GIF ohne weitere Bearbeitung stammen.
Nutzen Sie zuerst webpinfo, um Ihre Dateien zu identifizieren, und wählen Sie dann das passende Tool für das Szenario – das spart viel mehr Zeit als das ständige Ausprobieren mehrerer Tools.
ImgZilla unterstützt derzeit nur macOS (ab 12.3) und kann über den Mac App Store heruntergeladen werden. Die kostenlose Version komprimiert bis zu 10 Bilder pro Tag; das Kontingent wird nur bei erfolgreicher Komprimierung verbraucht – ziehen Sie einen Ordner voller WebP-Dateien hinein und sehen Sie, wie viel Speicherplatz Sie sparen können.