Was ist WebP? Googles Bildformat, erklärt
Was WebP tatsächlich ist
Google hat das WebP-Bildformat bereits 2010 veröffentlicht. Es ist ein Rasterformat, das auf dem VP8-Video-Codec basiert – derselben Technologie, die Google beim Kauf von On2 Technologies erworben hat – und später mit VP8L für verlustfreie Komprimierung erweitert wurde. Der Name? Einfach ein Kofferwort aus 'Web' und 'P' für Picture (Bild). Die Kernidee war einfach. JPEG dominierte die Fotografie seit den 90er-Jahren, und PNG war der König für Grafiken mit Transparenz. Aber keines von beiden war für das moderne Web gemacht, wo die Seitengeschwindigkeit alles bestimmt, von den Suchrankings bis zu den Einnahmen. Die alten Platzhirsche kamen in die Jahre. Also schuf Google, das ein großes Interesse an einem schnelleren Web hatte, WebP, um beide zu ersetzen. Unter der Haube verwendet eine WebP-Datei einen RIFF-Container (Resource Interchange File Format). Das ist dieselbe Struktur, die auch von WAV-Audiodateien verwendet wird, was eine nette Randinformation ist. Innerhalb dieses Containers werden die Bilddaten entweder mit verlustbehafteten oder verlustfreien Algorithmen komprimiert. Das Format unterstützt auch Animationen – was es zu einem direkten Konkurrenten von GIF und APNG macht – und Alpha-Kanal-Transparenz in beiden Modi. Hier ist ein Feature, das oft überrascht: WebP kann Transparenz sogar im verlustbehafteten Modus handhaben. Das ist etwas, was JPEG einfach nicht kann; es hat keinen Alpha-Kanal. Diese einzigartige Fähigkeit, verlustbehaftete Komprimierung mit einer Transparenzebene zu kombinieren, ist ein echter Game-Changer für den E-Commerce. Denk an Produktfotos auf weißem oder transparentem Hintergrund, aber mit einer Dateigröße, die deine Ladezeiten nicht in den Keller treibt.
Wie WebP-Komprimierung funktioniert – und was die Zahlen bedeuten
Wie schafft es WebP also, so effizient zu sein? Es ist keine Magie; es sind einfach clevere Algorithmen, die über das hinausgehen, was JPEG und PNG leisten können. Im verlustbehafteten Modus leiht sich WebP einen Trick aus der Videocodierung, die sogenannte blockbasierte Vorhersage. Es teilt das Bild in Makroblöcke (typischerweise 16×16 Pixel für Luma, 8×8 für Chroma) und sagt dann den Inhalt jedes Blocks basierend auf seinen Nachbarn voraus. Die Datei muss nur die *Differenz* zwischen der Vorhersage und der Realität speichern. Dieser prädiktive Ansatz ist viel intelligenter als JPEGs diskrete Kosinustransformation (DCT) allein, besonders bei Bildern mit sanften Verläufen oder sich wiederholenden Texturen. Der verlustfreie Modus ist ebenso beeindruckend. Er nutzt ein ganzes Arsenal an Techniken – räumliche Vorhersage, Farbraumtransformation, LZ77-Rückwärtsreferenzen und Huffman-Codierung. Googles eigene Benchmarks, die an einem riesigen Korpus von 10.000 Bildern durchgeführt wurden, ergaben, dass verlustfreie WebP-Dateien typischerweise 26 % kleiner sind als gleichwertige PNGs. Die verlustbehafteten Zahlen sind sogar noch krasser. Googles Tests zeigten, dass WebP-Bilder 25–34 % kleiner sind als JPEGs von vergleichbarer visueller Qualität. Unabhängige Tests von Leuten bei Cloudinary und ImageMagick haben dies bestätigt und landeten in einem ähnlichen Bereich von 25–35 % Einsparungen. Das hängt natürlich stark vom Bildinhalt ab; Fotos mit feinen Details wie Gras oder Stoff werden nicht so gut komprimiert wie solche mit glattem Himmel. Machen wir es konkret: Stell dir eine Produktseite mit 40 JPEGs vor, jedes 120 KB groß. Der Wechsel zu WebP könnte sie auf jeweils 80–90 KB schrumpfen. Das sind 1,2–1,6 MB Ersparnis bei jedem einzelnen Seitenaufruf. Wenn deine Website 50.000 Besucher im Monat hat, sparst du plötzlich Terabytes an Bandbreite pro Jahr. Die Qualitätsskala von WebP reicht von 0–100, genau wie bei JPEG. Aber lass dich nicht täuschen und denk, die Zahlen wären gleichwertig. Ein WebP mit Qualität 80 sieht oft so gut aus wie ein JPEG mit Qualität 90 oder 95. Deshalb empfehlen die meisten Optimierungsleitfäden eine WebP-Qualität von 75–85 als soliden Ausgangspunkt für das Web. Es ist der optimale Kompromiss zwischen Größe und Klarheit.
Browser- und Plattformunterstützung: Der aktuelle Stand
WebP hat die Welt im Jahr 2010 nicht gerade im Sturm erobert. Die Akzeptanz war quälend langsam. Firefox hat sich jahrelang geweigert, aus Sorge, Google könnte einen weiteren Webstandard kontrollieren. Und Apple? Safari war der große Nachzügler und ist erst mit Safari 14 im September 2020 auf den Zug aufgesprungen. Spulen wir vor ins Jahr 2025, und die Geschichte ist völlig anders. Die Browser-Unterstützung ist jetzt praktisch universell. Chrome (seit Version 9, 2011), Firefox (seit Version 65, 2019), Edge (seit Version 18, 2018), Opera und Safari 14+ handhaben alle sowohl verlustbehaftetes als auch verlustfreies WebP. Wir sprechen hier von über 97 % globaler Browser-Unterstützung, laut caniuse.com-Daten. Die Browser-Kriege sind an dieser Front vorbei. Außerhalb des Browsers wird das Bild etwas unübersichtlicher, wo du immer noch stolpern kannst: - **Windows**: Die Fotos-App von Windows 11 zeigt WebP nativ an. Unter Windows 10 musst du die kostenlosen WebP Image Extensions aus dem Microsoft Store herunterladen, sonst werden die Bilder nicht angezeigt. - **macOS**: Vorschau unter macOS 11 (Big Sur) und höher öffnet WebP-Dateien problemlos. Bei früheren Versionen ist Fehlanzeige. - **iOS/Android**: Beide mobilen Plattformen haben volle native Unterstützung in ihren System-Viewern und Browsern. - **Adobe-Software**: Photoshop hat in Version 23.2 (Februar 2022) endlich native WebP-Unterstützung hinzugefügt, sehr zur Erleichterung der Designer. Davor war es eine Plugin-Hölle. Illustrator und InDesign haben jedoch Anfang 2026 immer noch begrenzte oder gar keine native Unterstützung, was ein echtes Ärgernis für Druck-Workflows ist. - **CMS-Plattformen**: WordPress unterstützt WebP-Uploads seit Version 5.8 (Juli 2021), und Shopify liefert WebP automatisch über sein CDN an kompatible Browser aus. Was bedeutet das also für dich? Wenn du Bilder im Web bereitstellst, kannst du WebP für die überwiegende Mehrheit deiner Nutzer bedenkenlos ohne Fallback verwenden. Die Kompatibilität ist inzwischen so gut. Aber wenn du Bilder für die Offline-Nutzung oder den Druck verschickst, musst du immer noch vorsichtig sein. Diese Kompatibilitätslücken sind real und können dir auf die Füße fallen.
WebP vs. JPEG, PNG und AVIF: Eherliche Vergleiche
Kein Bildformat ist perfekt, und WebP ist da keine Ausnahme. Seien wir ehrlich, wo es glänzt und wo es stolpert. **WebP vs. JPEG**: Für Web-Fotos schlägt WebP JPEG bei der Dateigröße bei ähnlicher Qualität. Das ist das Hauptargument. Aber JPEG hat einen riesigen Vorteil durch sein Erbe: Es *funktioniert* einfach, überall, auf jedem Gerät und jeder Software der letzten 30 Jahre. Wenn du ein Bild per E-Mail an jemanden sendest, der es möglicherweise auf einem 2015er MacBook mit Safari 12 öffnen könnte, sende ein JPEG. Es ist die sicherere Wahl. Einige Fotografen haben auch eine ästhetische Präferenz und empfinden WebPs Komprimierungsartefakte (die oft als subtile Blockbildung erscheinen) als weniger angenehm als JPEGs vertrautere Eigenheiten. **WebP vs. PNG**: Wenn du Transparenz oder pixelgenaue Details für Logos und Icons benötigst, ist verlustfreies WebP der klare Gewinner gegenüber PNG. Du erhältst dieselbe Qualität in einer kleineren Datei. Der einzige Grund, bei PNG zu bleiben, ist die maximale Softwarekompatibilität, zum Beispiel wenn du ein Bild in ein Word-Dokument, eine PowerPoint-Präsentation oder ein älteres Design-Tool einbettest. **WebP vs. AVIF**: Nun kommen wir zu AVIF, dem neueren Player auf dem Block. Und ehrlich gesagt, hier fängt WebP an, sein Alter zu zeigen. AVIF, basierend auf dem AV1-Codec, liefert typischerweise 20–50 % bessere Komprimierung als WebP bei gleicher Qualität und verarbeitet High Dynamic Range (HDR)-Bilder nativ. Mit einer Browser-Unterstützung von mittlerweile ~95 % weltweit ist AVIF die technisch überlegene Wahl für neue Projekte. Was ist also WebPs Rettung? Es ist ausgereifter, hat bessere Tools und kodiert *viel* schneller. Die AVIF-Kodierung kann 10–20 Mal langsamer sein, eine ernsthafte Überlegung für jeden, der Bilder in großen Mengen verarbeitet. **WebP vs. GIF**: Für Animationen macht WebP GIF absolut platt. Wir sprechen von Dateigrößen, die oft 60–70 % kleiner sind, mit einer viel reicheren Farbpalette (GIF steckt in einer 256-Farben-Welt fest). Warum sehen wir dann immer noch überall GIFs? Reine Trägheit und Kultur. Es ist das Format, das jeder kennt und das von jeder noch so alten Messaging-App und Forum-Software unterstützt wird.
Bilder in und aus WebP konvertieren
Okay, du bist von WebP überzeugt. Wie erstellst du die Dateien eigentlich? Du hast verschiedene Optionen, von der Kommandozeile bis zu einfachen Web-Tools. **Kommandozeilen-Tools**: Für Entwickler und Power-User sind Googles offizieller `cwebp`-Encoder und `dwebp`-Decoder der richtige Weg. Sie sind Teil der libwebp-Bibliothek. Eine einfache Konvertierung ist nur `cwebp -q 80 input.jpg -o output.webp`, wobei das `-q`-Flag die Qualität von 0–100 einstellt. Das gibt dir maximale Kontrolle, bedeutet aber, dass du ein Terminal starten musst. **ImageMagick**: Die altehrwürdige ImageMagick-Suite kann auch WebP handhaben. Verwende einfach `convert input.png -quality 85 output.webp`. Es ist ein Standard auf den meisten Linux-Servern und großartig für die Skripting von Batch-Jobs. Sei aber gewarnt: Die Qualitätseinstellungen von ImageMagick stimmen nicht 1:1 mit denen von `cwebp` überein, da sie unterschiedliche zugrunde liegende Kodierungsparameter verwenden. Du musst testen, um den richtigen Wert für deine Bedürfnisse zu finden. **Photoshop**: Photoshop hat in Version 23.2 endlich native WebP-Unterstützung erhalten. Jeder, der sich davor mit Drittanbieter-Plugins herumgeschlagen hat, erinnert sich an den Schmerz. Jetzt kannst du einfach Datei > Exportieren > Exportieren als verwenden und WebP aus der Liste auswählen. Der Dialog bietet dir Qualitäts- und verlustfreie Optionen, aber erwarte nicht, animierte WebPs zu exportieren; diese Funktion fehlt noch. **Browserbasierte Konverter**: Du möchtest nichts installieren? Browserbasierte Tools wie CocoConvert sind dein bester Freund. Du kannst ein JPEG, PNG oder GIF hochladen und in Sekundenschnelle ein WebP zurückbekommen. Es ist der schnellste Weg, einmalige Konvertierungen durchzuführen oder für jeden, der nicht ständig in Bildbearbeitungssoftware arbeitet. CocoConvert übernimmt die Konvertierung von und zu WebP für alle gängigen Rasterformate. Für die Konvertierung von animierten WebPs in Videoformate wie MP4 benötigst du jedoch ein spezialisierteres Tool wie FFmpeg. **CMS- und CDN-Automatisierung**: Für den „Einrichten und vergessen“-Ansatz ist nichts besser als die Automatisierung auf CDN- oder CMS-Ebene. Dienste wie Cloudflare, Cloudinary und imgix können deine Bilder im Handumdrehen in WebP konvertieren und das beste Format intelligent an jeden Browser liefern. Dies ist der Goldstandard für große Websites, obwohl es normalerweise entweder einen bezahlten CDN-Plan oder eine selbst gehostete Infrastruktur erfordert.
Wann du WebP verwenden solltest (und wann nicht)
WebP ist eine fantastische Standardwahl für Web-Bilder, aber es ist kein Allheilmittel. Zu wissen, wann man es *nicht* verwenden sollte, ist genauso wichtig. **Verwende WebP, wenn**: - Du für das Web entwickelst. Punkt. Wenn dein Publikum einen modernen Browser verwendet (und 2026 ist das praktisch jeder), ist WebP ein kluger Schachzug für die Performance. - Du Transparenz mit verlustbehafteter Komprimierung benötigst. Dies ist WebPs Killer-Feature, ein Trick, den JPEG nicht beherrscht. - Du alte, aufgeblähte GIFs ersetzen möchtest. Animiertes WebP ist kleiner und sieht besser aus. Die einzige Ausnahme ist, wenn du es unbedingt in jeder noch so alten Messaging-App zum Laufen bringen musst. - Du ein CMS oder CDN verwendest, das die WebP-Konvertierung und den Fallback automatisch für dich übernimmt. **Verwende WebP nicht, wenn**: - Du drucken möchtest. Tu es einfach nicht. Druck-Workflows basieren auf CMYK, und WebP ist streng genommen ein RGB-Format. Ein WebP an deine Druckerei zu senden, ist Ärger vorprogrammiert. - Du ein Bild immer wieder bearbeitest und neu speicherst. Wie JPEG leidet auch verlustbehaftetes WebP unter Generationsverlust. Jedes Speichern verschlechtert die Qualität. Bewahre deine Original-Masterdatei immer in einem verlustfreien Format (TIFF, PNG oder sogar verlustfreies WebP) auf und exportiere erst im allerletzten Schritt nach verlustbehaftetem WebP. - Du Dateien an Personen außerhalb eines Webbrowsers sendest. Denk an E-Mail-Anhänge oder Dateidownloads. Die Kompatibilitätsfallen auf älteren Betriebssystemen und Nicht-Browser-Software sind immer noch vorhanden. - Du mit medizinischen, wissenschaftlichen oder Archivbildern arbeitest. Wenn pixelgenaue Wiedergabe eine rechtliche oder berufliche Anforderung ist, bleibe bei bewährten verlustfreien Formaten wie PNG oder TIFF. Keine Ausnahmen. - Dein Workflow stark von Metadaten abhängt. WebP unterstützt zwar Exif und XMP, aber eine frustrierende Anzahl von Tools wird diese Daten während der Konvertierung entfernen oder verfälschen. Wenn deine GPS-Tags, Urheberrechtsinformationen oder Farbprofile kritisch sind, musst du deine gesamte Toolchain testen, um sicherzustellen, dass sie erhalten bleiben.
Das Fazit zu WebP
Wo steht WebP also heute? Es ist in einer guten Position. Nein, es ist nicht das neueste, glänzendste Format – AVIF und das aufkommende JPEG XL schlagen es beide bei der reinen Komprimierung. Aber WebP ist ausgereift, wird von Browsern universell unterstützt und ist unglaublich effektiv darin, Bilddateigrößen ohne merklichen Qualitätsverlust zu reduzieren. Für fast jedes Webprojekt ist der Wechsel von JPEG und PNG zu WebP einer der einfachsten Performance-Gewinne, die du erzielen kannst. Eine Reduzierung deiner Bild-Payload-Größe um 25–35 % ist eine große Sache, und es erfordert keine Umschreibung deiner App-Logik – es ist nur ein Dateiformat-Tausch. Die alten Ausreden, dass die Konvertierung schwierig sei, sind passé. Die Einstiegshürde ist gefallen. Zwischen Kommandozeilen-Encodern, Photoshop und einfachen Browser-Tools wie CocoConvert ist das Erstellen von WebP-Dateien für jeden Workflow trivial geworden. Seien wir ehrlich zu den Einschränkungen. WebP ist kein Alleskönner-Format; es hat außerhalb des Webs echte Nachteile. Und wenn du heute ein brandneues Projekt startest, solltest du dir unbedingt AVIF ansehen. Aber für die überwiegende Mehrheit der bestehenden Websites mit ihren großen Bildbibliotheken und etablierten Infrastrukturen bleibt WebP die praktischste und wirkungsvollste Wahl, um die Dinge zu beschleunigen. Wenn du bereit bist, loszulegen, kannst du einen Ordner mit JPEGs oder PNGs direkt in CocoConverts WebP-Konverter ziehen. Er ist dafür gemacht, die gängigen Aufgaben zu erledigen: einzelne Dateien, Batch-Uploads und sogar die Konvertierung von WebP *zurück* in JPEG oder PNG, wenn du diese Kompatibilität benötigst. Für fortgeschrittenere Anforderungen wie die Animation von WebPs oder die Einrichtung serverseitiger Automatisierung wirst du auf die libwebp-Kommandozeilen-Tools oder eine vollständige CDN-Lösung umsteigen wollen.