Der vollständige WebP-Leitfaden: Wie das Google-Format zum Webstandard wurde

WebP wurde 2010 von Google entwickelt und erreicht 25–35 % kleinere Dateien als entsprechende JPEG- oder PNG-Bilder bei gleicher visueller Qualität, wobei sowohl verlustbehaftete als auch verlustfreie Komprimierungsmodi verwendet werden.

WebP image format comparison showing smaller files and faster web delivery

Was ist WebP und warum hat Google es erstellt?

WebP ist ein von Google entwickeltes offenes Bildformat, das erstmals 2010 veröffentlicht wurde und vom VP8-Videocodec abgeleitet ist. Die Motivation von Google war klar: Das Web wurde immer bildlastiger und die vorherrschenden Formate – JPEG (1992) und PNG (1996) – waren für ein ganz anderes Internetzeitalter konzipiert.

WebP erreicht seine Komprimierungseffizienz durch mehrere Innovationen:

  • Blockvorhersage-Kodierung – verwendet umgebende Pixeldaten, um vorherzusagen, wie jeder Block aussehen sollte
  • Transformationskodierung – ähnlich der DCT von JPEG, arbeitet aber mit größeren Blöcken und mit höherer Effizienz
  • Arithmetische Entropiekodierung – effizienter als die Huffman-Kodierung von JPEG
  • Adaptive Quantisierung – wendet mehr Komprimierung auf weniger wichtige Bereiche an

Das Ergebnis ist ein Format, das die gleiche visuelle Qualität wie JPEG in einer 25–35 % kleineren Datei liefert.

WebP verlustbehaftete und verlustfreie Komprimierungsarchitektur mit prädiktiver und transformierender Codierung


WebP vs. JPEG vs. PNG: Komprimierungsvergleich

EigenschaftWebP (verlustbehaftet)WebP (verlustfrei)JPEGPNG
Transparenz✅ Ja✅ Ja❌ Nein✅ Ja
Animation✅ Ja✅ Ja❌ Nein✅ Begrenzt
Dateigröße (Fotos)KleinsteGroßMittelGrößte
Dateigröße (Logos/Symbole)Klein26 % kleiner als PNGMittel (Nr Transparenz)Groß
Am besten geeignet fürWebbilderWeblogos, SymboleE-Mail, Drucken, Legacy-WebDrucken, Master bearbeiten

WebP vs. JPEG und PNG-Vergleich von Transparenz, Animation und Dateigröße

WebP-Dateigrößen-Benchmark im Vergleich zu JPEG und PNG bei ähnlicher visueller Qualität


Browser- und Plattformunterstützung für WebP

Ab 2026 wird WebP von über 97 % der weltweiten Browsernutzer unterstützt:

  • ✅ Chrome (seit v17, 2012)
  • ✅ Firefox (seit v65, 2019)
  • ✅ Safari (seit v14, 2020)
  • ✅ Edge (seit v18, 2018)
  • ✅ Opera, Samsung Internet, Android Browser
  • ❌ Internet Explorer (keine Unterstützung – nur Legacy)

Nicht unterstützt: Die meisten Desktop-E-Mail-Clients (Outlook, Thunderbird, Apple Mail). Für E-Mails verwenden Sie weiterhin JPEG und PNG.

WebP-Browserunterstützung und JPEG-Fallback mit moderner Bildelementbereitstellung


Wann Sie WebP verwenden sollten (und wann nicht)

Verwenden Sie WebP für:

  • Website-Bilder (Produktfotos, Blog-Hero-Bilder, Hintergrundgrafiken)
  • Mobile Apps und progressive Web-Apps
  • Überall, wo Sie die Bereitstellungsumgebung steuern und die Browserunterstützung überprüfen können

Bleiben Sie bei JPEG oder PNG für:

  • Bilder für Newsletter per E-Mail versenden (Kompatibilität mit E-Mail-Client)
  • An Regierungsportale und Legacy-Systeme übermittelte Bilder
  • Druckfertige Dateien (JPEG ist Standard für professionellen Druck)
  • Uploads in sozialen Medien (die meisten Plattformen konvertieren ohnehin automatisch)

Implementieren von WebP auf Ihrer Website

Option 1: HTML-Bildelement (am kompatibelsten)


  
  Beschreibung

Moderne Browser verwenden die WebP-Quelle; Browser ohne WebP-Unterstützung greifen auf JPEG zurück.

Option 2: Automatische CDN-Konvertierung Cloudflare, imgix, Cloudinary und die meisten modernen CDNs können WebP automatisch an Browser bereitstellen, die es unterstützen, und von Ihren JPEG/PNG-Originalen im Handumdrehen konvertieren – ohne Codeänderungen.

Konvertieren Ihrer vorhandenen Bilder: Verwenden Sie den JPG in WebP Umwandeln für Fotos oder PNG in WebP Umwandeln für Grafiken und Logos mit Transparenz.

WebP-Website-Bereitstellungsworkflow mit Browsererkennung und CDN-Bildkonvertierung

Empfohlene Begleithandbücher

Entdecken Sie ergänzende Tutorials und Dienstprogramme aus diesem Themencluster, um Ihren digitalen Workflow zu verbessern:

Konvertieren Sie JPG in WebP, um Ihre Website zu beschleunigen 30 %Praktische Schritt-für-Schritt-Anleitung mit verifizierten Standards und browserinternen Arbeitsabläufen.Konvertieren von transparentem PNG in WebP: Behalten Sie den Alpha-KanalPraktische Schritt-für-Schritt-Anleitung mit verifizierten Standards und browserinternen Arbeitsabläufen.WebP in JPG konvertieren: WebP-Inkompatibilität auf älteren Geräten behebenPraktische Schritt-für-Schritt-Anleitung mit verifizierten Standards und browserinternen Arbeitsabläufen.Die Geschichte von Lorem Ipsum: Warum Designer immer noch 2000 Jahre altes Latein verwendenErgänzender formatübergreifender Workflow, der verwandte Daten- und Medientools verbindet.
Empfohlenes Dienstprogramm: WebP-KonverterFühren Sie diesen Workflow live in Ihrem Browser aus, ohne Server-Uploads und mit 100 % clientseitigem Datenschutz.
WebP-Konverter
WebP-Konverter

Häufig Gestellte Fragen (FAQ)

Finden Sie schnelle, verifizierte Antworten auf häufige Fragen zu diesem Arbeitsablauf.

Ist WebP besser als JPEG?

Für die Webbereitstellung, ja. Die verlustbehaftete WebP-Komprimierung erreicht die gleiche visuelle Qualität wie JPEG in Dateien, die 25–35 % kleiner sind. WebP unterstützt auch Transparenz (was JPEG nicht kann), was es vielseitiger macht.

Wird WebP von allen Browsern unterstützt?

WebP wird ab 2026 von über 97 % der weltweiten Browsernutzer unterstützt, darunter Chrome, Firefox, Safari (seit Version 14), Edge und Opera. Internet Explorer unterstützt WebP nicht.

Können WebP-Bilder in E-Mail-Clients angezeigt werden?

Nein – die meisten E-Mail-Clients unterstützen WebP nicht. Verwenden Sie für E-Mails JPEG für Fotos und PNG für Grafiken mit Transparenz.

Bilal Ahmad