Bilder in WebP-Format konvertieren: Vollständiger Leitfaden (2026)

Veröffentlicht am 28. März 2026 • 14 Min. Lesezeit

WebP spart Ihnen 25-35% an Dateigröße im Vergleich zu JPEG und PNG ohne sichtbaren Qualitätsverlust. Wenn Sie eine Website betreiben und noch nicht gewechselt haben, versenden Sie bei jedem Seitenaufruf unnötige Bytes. Dieser Leitfaden behandelt alle praktischen Methoden zur Konvertierung Ihrer Bilder in WebP – von Drag-and-Drop-Online-Tools bis hin zu automatisierten Build-Pipelines.

1. Was ist WebP und warum sollten Sie es verwenden?

WebP ist ein Bildformat, das 2010 von Google entwickelt wurde und auf der Technologie des VP8-Video-Codecs basiert. Es wurde mit einem Ziel entwickelt: die gleiche visuelle Qualität wie JPEG und PNG bei deutlich kleineren Dateigrößen zu liefern. Und es hält dieses Versprechen konsequent ein.

Im verlustbehafteten Modus erzeugt WebP Dateien, die 25-34% kleiner sind als gleichwertige JPEG-Dateien bei gleichem SSIM-Qualitätsindex. Im verlustfreien Modus sind WebP-Bilder durchschnittlich 26% kleiner als PNGs. Das sind keine theoretischen Zahlen – Google testete über 1 Million zufällig ausgewählter Bilder aus dem Web, um zu diesen Zahlen zu gelangen.

Was WebP besonders nützlich macht, ist, dass es Dinge kann, die JPEG und PNG einzeln nicht können. JPEG liefert kleine Fotos, aber keine Transparenz. PNG bietet Transparenz, aber bei großen Dateigrößen. WebP macht beides – verlustbehaftete Kompression mit voller Alpha-Kanal-Unterstützung. Ein Produktbild mit transparentem Hintergrund, das als PNG 800KB groß sein könnte, kann auf 150KB als verlustbehaftetes WebP mit Transparenz schrumpfen, und Sie werden den Unterschied nicht sehen.

WebP unterstützt auch Animationen, was bedeutet, dass es GIF-Dateien ersetzen kann. Animierte WebP-Dateien sind etwa 64% kleiner als gleichwertige GIFs, mit besserer Farbtiefe (24-Bit vs. GIFs 8-Bit-Palette). Wenn Sie immer noch GIFs für kurze Animationen oder UI-Demos verwenden, ist WebP ein direktes Upgrade.

Die praktische Auswirkung ist eindeutig: schnellere Seitenladezeiten, niedrigere Bandbreitenkosten und bessere Core Web Vitals-Werte. Für eine typische E-Commerce-Website mit 50 Produktbildern pro Kategorieseite kann der Wechsel von JPEG zu WebP die Bildlast von 3MB auf unter 2MB reduzieren – was 1-2 Sekunden von der Ladezeit bei mobilen Verbindungen einspart.

2. WebP-Browserunterstützung im Jahr 2026

Die Browserunterstützung war jahrelang der Hauptgrund, warum Menschen zögerten, WebP zu übernehmen. Diese Sorge ist jetzt irrelevant. Anfang 2026 wird WebP von über 97% der weltweit genutzten Browser unterstützt, laut Can I Use-Daten.

Hier ist der aktuelle Stand:

Der einzige Browser, der WebP nie unterstützt hat, ist Internet Explorer 11, den Microsoft im Juni 2022 offiziell eingestellt hat. Der weltweite Nutzungsanteil von IE11 liegt jetzt unter 0,15%. Sofern Ihre Analysen keinen nennenswerten IE11-Traffic zeigen (prüfen Sie das – es ist fast sicher nicht der Fall), können Sie WebP ohne jeglichen Fallback bereitstellen und sind auf der sicheren Seite.

Allerdings ist die Implementierung eines Fallbacks mit dem HTML-<picture>-Element trivial und kostet Sie nichts in Bezug auf die Performance. Wir werden das im Abschnitt über Fallbacks weiter unten behandeln. Für die meisten Websites können Sie WebP jedoch im Jahr 2026 selbstbewusst als Ihr primäres und einziges Web-Bildformat verwenden.

Safaris Einführung im Jahr 2020 war der Wendepunkt. Davor konnten etwa 15-20% der Webnutzer (iOS Safari + macOS Safari) keine WebP-Bilder sehen. Jetzt unterstützt jede große Plattform – Desktop, Mobil, Tablet – WebP nativ.

3. WebP-Qualitätseinstellungen erklärt

Die richtige Qualitätseinstellung zu finden ist der Unterschied zwischen "10% Dateigröße gespart" und "40% Dateigröße gespart". WebPs Qualitätsparameter funktioniert anders als bei JPEG, und das Verständnis der Nuancen wird Ihnen helfen, bessere Entscheidungen zu treffen.

Verlustbehaftete WebP-Qualität (das -q Flag)

WebPs Qualitätsskala reicht von 0 bis 100, ähnlich wie bei JPEG. Aber der Kompressionsalgorithmus ist effizienter, sodass ein WebP mit Qualität 80 typischerweise genauso gut aussieht wie ein JPEG mit Qualität 85-90. Der Sweet Spot für die meisten fotografischen Inhalte liegt bei Qualität 75-85. Hier ist, was jeder Bereich in der Praxis tatsächlich bedeutet:

• Qualität 90-100: Kaum Kompression. Dateien sind nur 10-15% kleiner als das Original. Nur nützlich für Hero-Bilder, bei denen jedes Detail zählt und Sie bereits anderweitig optimieren.
• Qualität 75-85: Der praktische Sweet Spot. Sie sparen 30-45% im Vergleich zu einem gleichwertigen JPEG, und der visuelle Unterschied ist für die meisten Menschen nicht wahrnehmbar, selbst auf Retina-Displays. Beginnen Sie hier.
• Qualität 60-74: Bei genauer Betrachtung merkliche Weichzeichnung, aber völlig akzeptabel für Thumbnails, Hintergrundbilder und Inhalte, bei denen Benutzer nicht hineinzoomen werden.
• Qualität unter 60: Sichtbare Artefakte. Verwenden Sie dies nur für sehr kleine Thumbnails oder Platzhalterbilder.

Verlustfreies WebP

Der verlustfreie Modus bewahrt jedes Pixel exakt. Es gibt keinen Qualitätsregler – die Ausgabe ist mathematisch identisch mit der Eingabe. Verwenden Sie verlustfreies WebP für Screenshots, Diagramme, Logos, UI-Elemente und jedes Bild mit scharfen Kanten, Text oder flachen Farbbereichen. Verlustfreie WebP-Dateien sind typischerweise 26% kleiner als gleichwertige PNGs.

Nahezu verlustfreier Modus

Dies ist WebPs verstecktes Juwel, das die meisten Anleitungen überspringen. Der nahezu verlustfreie Modus (aktiviert mit -near_lossless in cwebp) wendet eine minimale Vorverarbeitung auf das Bild vor der verlustfreien Kompression an. Die Vorverarbeitung modifiziert Pixelwerte in Bereichen, in denen die Änderung unsichtbar ist, leicht, was die Kompression dramatisch verbessert. Ein nahezu verlustfreies WebP auf Level 60 kann 40-50% kleiner sein als ein standardmäßiges verlustfreies WebP, mit Änderungen, die buchstäblich für das menschliche Auge unsichtbar sind. Es ist ideal für Screenshots und Grafiken, bei denen Sie nahezu perfekte Qualität bei viel kleineren Größen als echtes verlustfreies Format wünschen.

Ein wichtiges Detail: WebPs Qualitätseinstellung steuert den Kompression-Qualität-Kompromiss, aber das -m-Flag (Methode, 0-6) steuert, wie hart der Encoder arbeitet, um optimale Kompression zu finden. Höhere Werte erzeugen kleinere Dateien, benötigen aber länger zum Kodieren. Für die Stapelverarbeitung ist -m 4 ein gutes Gleichgewicht. Für einmalige Konvertierungen, bei denen Sie maximale Einsparungen wünschen, verwenden Sie -m 6.

4. Methode 1: Online mit ImgKit konvertieren

Wenn Sie eine Handvoll Bilder schnell konvertieren müssen, ist ein Online-Konverter der schnellste Weg. ImgKits Bild-zu-WebP-Konverter läuft vollständig in Ihrem Browser – Ihre Bilder verlassen niemals Ihr Gerät, was wichtig ist, wenn Sie mit Kundenfotos oder sensiblen Inhalten arbeiten.

So verwenden Sie es:

1. Öffnen Sie das Tool – Gehen Sie zu img-kit.com/tools/image-to-webp/
2. Laden Sie Ihre Bilder hoch – Ziehen Sie Dateien per Drag-and-Drop in den Upload-Bereich oder klicken Sie zum Durchsuchen. Sie können mehrere Dateien gleichzeitig auswählen. Das Tool akzeptiert JPEG-, PNG-, GIF-, BMP- und TIFF-Eingaben.
3. Qualität anpassen – Verwenden Sie den Qualitätsregler, um Ihr Ziel festzulegen. Die Vorschau wird in Echtzeit aktualisiert, sodass Sie die Ausgabe vor dem Herunterladen sehen können. Beginnen Sie bei 80 und senken Sie es, bis Sie Qualitätsverlust bemerken, dann erhöhen Sie es um eine Stufe.
4. Herunterladen – Klicken Sie auf die Download-Schaltfläche, um Ihre WebP-Dateien zu erhalten. Bei mehreren Bildern erhalten Sie eine Zip-Datei.

Der browserbasierte Ansatz hat eine praktische Grenze von etwa 50MB pro Bild (abhängig vom RAM Ihres Geräts). Für größere Dateien oder Hunderte von Bildern verwenden Sie die unten beschriebene Befehlszeilenmethode.

Ein Vorteil des Online-Ansatzes: Sie können vorher und nachher visuell nebeneinander vergleichen. Dies ist mit Befehlszeilen-Tools schwieriger, wo Sie beide Dateien manuell öffnen müssten. Wenn Sie versuchen, die richtige Qualitätseinstellung für einen bestimmten Bildtyp zu finden (Produktfotos, Blog-Header usw.), beginnen Sie mit dem Online-Tool, um Ihre Einstellungen zu kalibrieren, und verwenden Sie dann diese Einstellungen für die Stapelverarbeitung.

5. Methode 2: Mit der Befehlszeile konvertieren (cwebp)

Googles cwebp-Tool ist der Referenz-Encoder für WebP. Es ist kostenlos, schnell und gibt Ihnen volle Kontrolle über jeden Kodierungsparameter. Dies ist die Methode für die Stapelverarbeitung oder die Integration der WebP-Konvertierung in Build-Skripte.

Installation

# macOS
brew install webp

# Ubuntu/Debian
sudo apt install webp

# Windows (über chocolatey)
choco install webp

Grundlegende Konvertierung

# Ein einzelnes Bild mit Qualität 80 konvertieren
cwebp -q 80 photo.jpg -o photo.webp

# Verlustfreie Konvertierung
cwebp -lossless screenshot.png -o screenshot.webp

# Nahezu verlustfrei auf Level 60 (großartig für Grafiken)
cwebp -near_lossless 60 diagram.png -o diagram.webp

Stapelkonvertierung

Alle JPEGs in einem Verzeichnis konvertieren:

# Linux/macOS – alle JPEGs im aktuellen Ordner konvertieren
for f in *.jpg; do
  cwebp -q 80 -m 4 "$f" -o "${f%.jpg}.webp"
done

# Unterverzeichnisse einschließen
find . -name "*.jpg" -exec sh -c 'cwebp -q 80 "$1" -o "${1%.jpg}.webp"' _ {} \;

# Auch PNGs konvertieren
for f in *.png; do
  cwebp -q 85 -m 4 "$f" -o "${f%.png}.webp"
done

Nützliche Flags

• -q 80 – Qualität (0-100). Beginnen Sie bei 80 für Fotos.
• -m 4 – Kompressionsmethode (0-6). Höher = kleinere Dateien, langsamere Kodierung.
• -resize W H – Während der Konvertierung skalieren. Verwenden Sie 0 für eine Dimension, um das Seitenverhältnis beizubehalten.
• -mt – Multi-threaded Kodierung. Schneller auf Multi-Core-Maschinen.
• -short – Nur die Dateigröße ausgeben (nützlich in Skripten).
• -