Anleitung
- Fügen Sie einen Base64-String oder eine data:image/webp;base64-URI ein. Andere Bildformate funktionieren ebenfalls.
- Prüfen Sie die Vorschau, das erkannte Format und die dekodierte Größe.
- Belassen Sie „Herunterladen als“ auf WebP, um zu konvertieren, oder wählen Sie „Original“, um die Bytes genau so zu speichern, wie sie dekodiert wurden.
- Laden Sie die .webp-Datei herunter und vergleichen Sie ihre Größe mit der Quelle.
WebP-Daten erkennen
WebP wird in einem RIFF-Container gespeichert, derselben Hülle, die auch WAV-Audio verwendet. Die Datei beginnt mit dem ASCII-Text RIFF, daher beginnt ihr Base64 mit UklGR; einige Bytes später bestätigt die Kennung WEBP, dass der Container ein Bild und keinen Ton enthält. Darin ist das Bild entweder verlustbehaftet (VP8), verlustfrei (VP8L) oder eine erweiterte Datei (VP8X), die Transparenz, Animation oder Metadaten hinzufügt. Der MIME-Typ ist image/webp.
Warum in WebP konvertieren
Nach Messungen von Google sind verlustbehaftete WebP-Dateien etwa 25 bis 34 Prozent kleiner als JPEGs vergleichbarer Qualität, und verlustfreies WebP ist rund 26 Prozent kleiner als PNG. Anders als JPEG besitzt WebP einen Alphakanal, sodass sich transparente Logos und Sticker sauber konvertieren lassen. Alle aktuellen großen Browser zeigen WebP an.
Kleinere Dateien zählen doppelt, wenn Bilder eingebettet werden: Ein leichteres Bild bedeutet auch einen kürzeren Base64-String in Ihrem HTML, CSS oder JSON. Nach der Konvertierung können Sie die neue Datei mit WebP zu Base64 wieder kodieren.
Das Ergebnis ist nicht immer kleiner. Winzige Icons, bereits gut komprimierte Fotos und flächige Grafiken mit wenigen Farben werden manchmal größer; dann ist PNG oder JPG die bessere Wahl. Die Konvertierung hier eignet sich außerdem für einen schnellen Test, wie viel ein bestimmtes Bild gewinnen würde, bevor Sie eine Build-Pipeline ändern: Fügen Sie ein Base64-PNG oder -JPEG ein, laden Sie das WebP herunter und vergleichen Sie die beiden Größen.
Konvertierung mit Pillow
Für Stapelverarbeitung auf einem Server erledigt die Python-Bibliothek Pillow dieselbe Konvertierung in wenigen Zeilen:
import base64, io
from PIL import Image
img = Image.open(io.BytesIO(base64.b64decode(b64_string)))
img.save('output.webp', 'WEBP', quality=80)Häufig gestellte Fragen
Bleibt bei WebP die Transparenz erhalten?
Ja. WebP unterstützt sowohl im verlustbehafteten als auch im verlustfreien Modus einen vollständigen Alphakanal, sodass transparente Bereiche nach der Konvertierung transparent bleiben.
Kann ich ein animiertes WebP behalten?
Laden Sie es als „Original“ herunter, um alle Einzelbilder zu behalten. Die Konvertierung läuft über ein Canvas, das nur ein einzelnes Standbild erfasst.
Ist die WebP-Ausgabe immer kleiner als die Eingabe?
Nein. Große Fotos und Screenshots werden meist kleiner, kleine oder stark optimierte Bilder können jedoch wachsen. Vergleichen Sie die vom Tool angezeigte dekodierte Größe mit der Größe der heruntergeladenen Datei.
Manche Programme öffnen meine WebP-Datei nicht. Was kann ich tun?
Ältere Bildbetrachter und Office-Programme unterstützen WebP möglicherweise nicht. Fügen Sie denselben Base64-Text ein und laden Sie ihn stattdessen als PNG oder JPG herunter.