JPG in WebP umwandeln

Was bedeutet JPG in WebP umwandeln, und was macht dieses Tool genau?

Wenn Sie JPG in WebP umwandeln, speichern Sie Ihre Fotos in einem Format, das dasselbe Bild zeigt, aber meistens weniger Platz braucht. Das Tool auf dieser Seite erledigt die gesamte Arbeit in Ihrem Browser. Es lädt keine Dateien hoch und speichert nichts; sobald die Seite geöffnet ist, läuft alles auf Ihrem Gerät.

Kurz gesagt, so funktioniert es:

• Ziehen Sie Dateien auf das Feld, wählen Sie sie über Bilder wählen aus oder fügen Sie mit Ctrl/Cmd+V ein. Außerdem nimmt es pro Durchgang bis zu 100 Dateien an.
• Das Tool erkennt das Eingabeformat an den ersten Bytes der Datei, nicht an der Endung. Daher öffnet es auch eine falsch benannte Datei richtig.
• WebP steht als Zielformat schon bereit; auf Wunsch wechseln Sie zu JPG oder PNG.
• Die EXIF Ausrichtung gilt, deshalb kommt ein seitlich liegendes Handyfoto aufrecht heraus.

Die Pixelmaße bleiben gleich; nur das Dateiformat ändert sich. Wir sehen die Bildvorbereitung als eine der ersten Aufgaben vor dem Livegang, denn in Webdesign Projekten entscheidet das Bildgewicht oft darüber, wie schnell sich eine Seite anfühlt.

Wie wirkt sich JPG in WebP umwandeln auf Ladezeit und LCP aus?

Das Hauptbild oder das erste große Foto einer Seite kann das LCP Element sein. Laut web.dev sollten Websites anstreben, dass der LCP bei mindestens 75 Prozent der Seitenaufrufe bei 2,5 Sekunden oder darunter liegt. Dieselbe Quelle sagt, dass die LCP Ressource einer Seite ein Bild oder eine Webschrift ist.

web.dev beschreibt außerdem eine ideale Aufteilung: Etwa 40 Prozent der LCP Zeit sollten auf die Ladedauer der Ressource entfallen. Diesen Anteil beeinflussen Sie also direkt über das Dateigewicht. Deshalb ist es ein praktischer Hebel, JPG in WebP umzuwandeln.

Allerdings vollbringt ein Format allein keine Wunder. Zudem verlängern die Antwortzeit des Servers, das späte Entdecken der Ressource und die späte Darstellung den LCP. Messen Sie also zuerst, dann erst das Bild anfassen. Den Gesamtzusammenhang erklären unser Core Web Vitals Leitfaden und unser Beitrag dazu, wie die Ladezeit das SEO beeinflusst.

In der Praxis gilt diese Reihenfolge: erst auf die Anzeigebreite verkleinern, dann auf WebP wechseln, zuletzt die Qualität mit Augenmaß senken.

Was steckt hinter Googles Angabe von 25 bis 34 Prozent, und wird jedes JPG kleiner?

Laut Google for Developers sind verlustbehaftete WebP Dateien bei gleichem SSIM Qualitätsindex 25 bis 34 Prozent kleiner als vergleichbare JPEG Dateien. Außerdem nennt MDN im Schnitt 25 bis 35 Prozent. Beide Quellen weisen in dieselbe Richtung: Bei gleicher Qualität braucht WebP weniger Bytes.

Vor allem zählt das Wort "gleiche Qualität". Die Qualitätsskalen beider Formate entsprechen sich nicht eins zu eins, deshalb garantieren 92 Prozent am Regler nicht denselben Bildeindruck wie 92 Prozent in einem JPG Encoder. Außerdem gilt: Ist das Ausgangs JPG schon stark komprimiert, kann ein WebP in hoher Qualität die Datei vergrößern statt verkleinern. Prüfen Sie deshalb in jeder Zeile die Größe vorher und nachher.

Beispielrechnung: Bei einem JPG mit 400 KB bedeutet eine Ersparnis von 25 bis 34 Prozent ein WebP von etwa 264 bis 300 KB. Wiegen 100 Produktbilder je 300 KB, ergibt das 30.000 KB; mit derselben Spanne landet die WebP Summe bei rund 19.800 bis 22.500 KB. Das ist Rechnerei mit Googles Spanne, keine Messung.

Zudem entsteht ein Verlust der zweiten Generation. Ein JPG ist schon verlustbehaftet, und die Umwandlung in verlustbehaftetes WebP komprimiert das Bild noch einmal. Bei hoher Qualität sieht man den Unterschied kaum. Behalten Sie trotzdem das Original und speichern Sie die umgewandelte Datei nicht immer wieder neu.

Welche Qualität passt, wenn Sie JPG in WebP umwandeln?

Das Tool startet standardmäßig mit 92 Prozent Qualität. Das ist ein sicherer Anfang, liefert aber nicht immer das kleinste Ergebnis. Einen einzigen richtigen Wert gibt es nicht, denn das Resultat hängt vom Foto ab: Einfarbige Flächen lassen sich stark komprimieren, feine Texturen und Stoffmuster dagegen kaum.

Probieren Sie daher diese Schritte nacheinander. Die Zahlen sind Beispielwerte, keine Regeln:

1. 92 Prozent (Standard): Sehen Sie sich das erste Ergebnis an und notieren Sie die Größe vorher und nachher.
2. 85 Prozent: ein sinnvoller nächster Schritt für Produkt und Blogfotos.
3. 80 Prozent: einen Versuch wert bei breiten Bannern mit ruhigem Hintergrund.

Vergrößern Sie dann bei jedem Schritt die Vorschau und achten Sie auf scharfe Kanten, Himmelsverläufe und Hauttöne. Sehen Sie Blockartefakte oder Farbstufen, gehen Sie zum vorigen Wert zurück. Weil die Liste bei jeder Änderung von selbst neu rechnet, müssen Sie die Dateien nicht erneut hinzufügen.

Denn das Ziel ist Balance, nicht nur eine kleine Datei. Sieht das Bild für Ihr Auge gleich aus und die Veränderung in Prozent ist spürbar, hören Sie auf. Fällt die Veränderung klein aus, war das Bild schon leicht; dann ist auch das Original eine gute Wahl.

Lohnt sich WebP für Produktfotos im Onlineshop?

Ja, vor allem wenn der Katalog Hunderte Fotos enthält. Eine Kategorieseite lädt gleich Dutzende Produktbilder; eine kleine Ersparnis pro Bild summiert sich zu einem deutlichen Unterschied. Dieses Tool wandelt 100 Dateien in einem Durchgang um und liefert das Ergebnis über die Schaltfläche Alle als ZIP herunterladen als ein Paket.

Diesen Ablauf empfehlen wir:

1. Verkleinern Sie zunächst die Pixelmaße auf die Anzeigebreite. Das Tool ändert die Pixelmaße nicht, nutzen Sie dafür das Bild verkleinern Tool.
2. Wandeln Sie den Ordner danach auf dieser Seite in WebP um und wählen Sie die Qualität nach dem Texturdetail Ihrer Produkte.
3. Laden Sie das ZIP herunter und prüfen Sie die Dateinamen, bevor Sie hochladen.
4. Testen Sie zunächst eine einzelne Produktseite; sieht das Ergebnis gut aus, übernehmen Sie es für den restlichen Katalog.

Bei Produktfotos beeinflusst die Farbtreue den Verkauf. Vergleichen Sie die umgewandelte Datei deshalb nebeneinander mit dem Original. In unserer E-Commerce Beratung behandeln wir das Bildgewicht als einen Punkt der Katalogprüfung. Für den Seitenaufbau hilft außerdem unser Beitrag zur Produktseite im Onlineshop.

Funktioniert WebP in jedem Browser und CMS, und was ist ein Fallback?

Größtenteils ja. Laut MDN unterstützen die aktuellen Versionen von Chrome, Edge, Firefox, Opera und Safari WebP. Ein Detail betrifft Safari: Unter macOS braucht die Unterstützung sowohl Safari 14 oder neuer als auch macOS Big Sur (11) oder neuer.

Bei CMS und Shopsystemen unterscheidet sich das Bild von Oberfläche zu Oberfläche. Die meisten aktuellen Systeme nehmen WebP an, doch ein altes Theme, eine Erweiterung oder eine ungepflegte Version kann die Datei ablehnen. Laden Sie deshalb vor dem ganzen Katalog ein einziges Testbild hoch und prüfen Sie Vorschau und Live Seite.

Konkret ist die Idee eines Fallbacks einfach. In einem <picture> Element setzen Sie zuerst die WebP Quelle und danach das JPG als Ersatz. Der Browser wählt die erste Quelle, die er versteht. MDN empfiehlt für WebP ebenfalls einen JPEG oder PNG Fallback, etwa mit dem picture Element.

Das Attribut srcset wiederum listet Kopien desselben Bildes in verschiedenen Breiten, und der Browser wählt die passende. Dieses Tool ändert die Pixelmaße nicht; brauchen Sie mehrere Breiten, verkleinern Sie also zuerst. Den ganzen Ablauf zeigt unser Leitfaden Bilder für die Website optimieren.

Wann bleiben Sie besser bei JPG?

WebP passt nicht für jede Aufgabe. In diesen Fällen ist das originale JPG die sicherere Wahl:

• Das Bewerbungsformular, die Oberfläche oder die E-Mail Vorlage, in die Sie hochladen, akzeptiert nur JPG oder PNG.
• Sie schicken die Datei an jemanden, der sie mit einem alten Programm öffnet oder in den Druck gibt.
• Sie brauchen EXIF Daten wie Aufnahmeinfos, Urheberrecht oder Standort in der Datei, denn das Tool übernimmt diese Daten nicht in die Ausgabe.
• Die Datei ist schon sehr leicht, und die Veränderung in Prozent fällt klein oder positiv aus.

Auch der umgekehrte Fall kommt vor: Haben Sie ein WebP Bild, das irgendwo nicht aufgeht, erledigt das WebP in JPG Tool den Job. Kann Ihr Browser kein WebP speichern, sagt das Tool es offen; es liefert nie stillschweigend ein anderes Format.

Außerdem gibt es einen kleinen Datenschutzbonus. Die umgewandelte Datei enthält keine Standortdaten (GPS). Somit verraten Sie beim Teilen des Fotos nicht versehentlich Ihre Wohn oder Arbeitsadresse.