So komprimierst oder konvertierst du zu WebP
- Füge deine Bilder hinzu. Ziehe WebP-, JPEG-, PNG-, AVIF- oder GIF-Dateien per Drag-and-drop auf den Ablagebereich, klicke zum Durchsuchen oder füge sie aus der Zwischenablage ein. Füge bei Bedarf mehrere auf einmal hinzu.
- Wähle eine Qualitätsstufe. Verwende den Qualitätsregler oder eine Voreinstellung. Ein Wert um 80 ist für die meisten Fotos und Grafiken eine hervorragende Balance aus kleiner Größe und visueller Treue.
- Lass die Umwandlung auf deinem Gerät laufen. Jedes Bild wird lokal mit WebAssembly zu WebP kodiert. Du siehst für jede Datei die ursprüngliche Größe, die neue WebP-Größe und den eingesparten Prozentsatz.
- Lade deine WebP-Dateien herunter. Lade die Bilder einzeln herunter oder hole dir alles auf einmal als ZIP. Passe die Qualität an und führe den Vorgang jederzeit erneut aus, um zu vergleichen.
Warum zu WebP komprimieren und konvertieren?
WebP ist ein modernes Bildformat, das speziell für das Web entwickelt wurde, und der Umstieg darauf ist eine der einfachsten Möglichkeiten, eine Website schneller zu machen, ohne dass Bilder schlechter aussehen. Eine WebP-Datei ist typischerweise 25–35 % kleiner als ein vergleichbares JPEG und weit kleiner als ein vergleichbares PNG, was schnellere Seitenladezeiten, niedrigere Bandbreitenkosten und ein besseres Erlebnis für Besucher mit langsamen oder begrenzten Mobilverbindungen bedeutet.
Dieses Tool erfüllt eine doppelte Funktion. Wenn du bereits WebP-Bilder hast, kodiert es sie in der von dir gewählten Qualität neu, um zusätzliche Einsparungen herauszuholen. Wenn du JPEGs, PNGs, AVIFs oder GIFs hast, konvertiert es sie zu WebP, sodass du einen ganzen Ordner voller Assets auf einmal modernisieren kannst. Da alles mit einem WebAssembly-Encoder auf deinem Gerät läuft, werden deine Bilder nie hochgeladen – eine wirklich private Alternative zu serverbasierten Konvertern, die deine Fotos an eine entfernte Maschine schicken.
Verlustbehaftetes vs. verlustfreies WebP und die Qualität
WebP unterstützt zwei unterschiedliche Kompressionsmodi, und den richtigen zu wählen, ist wichtig. Verlustbehaftetes WebP funktioniert wie JPEG: Es verwirft dauerhaft das Detail, das das Auge am wenigsten wahrscheinlich bemerkt, was sehr kleine Dateien ergibt. Es ist die richtige Wahl für Fotografien und reichhaltige Motive mit fließenden Tonwerten. Der Qualitätsregler steuert, wie aggressiv das geschieht – höhere Werte bewahren mehr Detail bei größerer Dateigröße, niedrigere sparen mehr Platz, können aber sichtbare Artefakte einführen.
Verlustfreies WebP hingegen gibt jeden Pixel exakt wieder, ganz ohne Artefakte. Es ist die bessere Wahl für Logos, Symbole, Screenshots und Grafiken oder Text mit flächigen Farben – dieselben Fälle, in denen du normalerweise zu PNG greifen würdest, nur dass WebP meist eine kleinere Datei erzeugt. Für die meisten Fotografien ist eine verlustbehaftete Qualität von 75–85 der ideale Punkt: bei normalen Betrachtungsgrößen optisch identisch mit dem Original, aber nur ein Bruchteil der Größe. Bedenke, dass verlustbehaftete Kompression kumulativ ist, also konvertiere immer von deinem Original in höchster Qualität und nicht von einer bereits komprimierten Kopie.
Was ist WebP, und wann solltest du es verwenden?
WebP wurde von Google entwickelt und kombiniert eine verlustbehaftete Kompression, die vom Video-Codec VP8 abgeleitet ist, mit einem effizienten verlustfreien Modus. Über die reine Größe hinaus unterstützt es zwei Funktionen, mit denen ältere Formate unbeholfen umgehen: Transparenz (ein Alphakanal, wie bei PNG) und Animation (wie GIF, aber drastisch kleiner). Diese Kombination erlaubt es einem einzigen Format, JPEG, PNG und animiertes GIF in vielen Situationen zu ersetzen. Die technische Übersicht kannst du in der Bildformat-Referenz von MDN nachlesen und eine praktische Anleitung zur Einführung auf web.dev.
Die Browserunterstützung ist mittlerweile praktisch universell – jede aktuelle Version von Chrome, Firefox, Safari und Edge stellt WebP dar –, sodass es im gesamten modernen Web bedenkenlos eingesetzt werden kann. Wenn du sehr alte Browser unterstützen musst, behalte einen JPEG- oder PNG-Fallback bei. Und wenn du die absolut kleinsten Dateien möchtest und eine langsamere Kodierung in Kauf nehmen kannst, AVIF schlägt WebP oft; vergleiche beide mit deinen eigenen Bildern. Um den umgekehrten Weg zu gehen oder zwischen mehreren Formaten gleichzeitig zu wechseln, verwende unseren Bildkonverter, und wenn deine Quellen Fotografien sind, interessiert dich vielleicht auch unser spezieller JPEG-Kompressor.
Tipps für die besten WebP-Ergebnisse
- Passe den Modus an den Inhalt an. Verwende verlustbehaftetes WebP für Fotos und verlustfreies WebP für Logos, Screenshots und flächige Grafiken mit scharfen Kanten.
- Verkleinere vor dem Kodieren.Wenn ein Bild mit 1200 px Breite angezeigt wird, gibt es keinen Grund, eine 6000 px große Datei auszuliefern. Die integrierte Verkleinerungsoption spart weit mehr als die Qualität allein.
- Bewahre Transparenz bewusst. Ein transparentes PNG zu WebP zu konvertieren behält den Alphakanal – das Verflachen zu JPEG würde das nicht. Wähle WebP, wenn Transparenz wichtig ist.
- Vergleiche mit AVIF. Lasse bei Hero-Bildern und großen Fotos dieselbe Datei noch einmal durch AVIF laufen und nimm das, was bei einer Qualität, mit der du zufrieden bist, die kleinere Größe liefert.
- Stapele nach Inhaltstyp. Fasse deine Fotos zusammen und deine Grafiken zusammen, damit jeder Satz in einem Durchgang eine einzige, ideale Qualitätseinstellung verwenden kann.