WebP in Base64

So wandeln Sie WebP in Base64 um

1. Legen Sie eine .webp-Datei auf dem Feld ab oder wählen Sie sie über die Dateiauswahl.
2. Um das Format zu ändern, wählen Sie unter Umwandeln in PNG oder JPEG. Mit Format beibehalten wird das Bild neu als WebP mit der gewählten Qualität kodiert, sobald Sie eine Max. Breite einstellen.
3. Wählen Sie Ausgabe als. Voreingestellt ist eine Data-URI.
4. Drücken Sie Ausgabe kopieren. Die Anzeige vergleicht die Größe von Eingabe und Ausgabe.

Warum WebP gut zu Data-URIs passt

Base64 schlägt auf alles, was es kodiert, etwa ein Drittel auf, also gilt: je kleiner die Quelle, desto besser. Verlustbehaftetes WebP ist meist kleiner als ein JPEG ähnlicher Qualität, und verlustfreies WebP ist oft kleiner als PNG und behält dabei die Transparenz. Für Icons, Produkt-Thumbnails und Platzhalter, die Sie inline haben wollen, liefert WebP meist einen kürzeren String als PNG oder JPEG.

Animierte WebP-Dateien werden so kodiert, wie sie sind. Wie bei GIF zeichnen die Optionen zum Neukodieren nur das erste Bild, lassen Sie sie also in Ruhe, wenn sich das Bild bewegt.

Wenn das Ziel kein WebP annimmt

Viel Software erwartet noch PNG oder JPEG: manche APIs, die Base64-Bilder annehmen, ältere Desktop-Programme, Dokumentgeneratoren und viele E-Mail-Programme. Statt die Datei zuerst anderswo umzuwandeln, wählen Sie hier unter Umwandeln in PNG oder JPEG und kodieren das Ergebnis direkt:

• PNG behält Transparenz und jedes Pixel, bei größerer Datei.
• JPEG ist bei Fotos kleiner, füllt transparente Bereiche aber mit Weiß.

Der Dateiname in den Ausgaben HTML-<a download> und JSON passt sich an das neue Format an, aus banner.webp wird zum Beispiel banner.png.

Neukodierung in WebP im Browser

Die meisten Browser können aus einem Canvas WebP schreiben, beim Verkleinern eines WebP oder Ändern seiner Qualität bleibt es also WebP. Safari kann das nicht. Dort weicht das Tool auf PNG aus und sagt das unter der Vorschau, und das PNG eines Fotos kann ein Mehrfaches des ursprünglichen WebP groß sein. Verwenden Sie Chrome, Edge oder Firefox, wenn Sie WebP-Ausgabe brauchen, oder behalten Sie die Originaldatei.

WebP in Base64 erkennen

WebP verwendet den RIFF-Container, denselben wie WAV-Audio und AVI-Video:

UklGRlAAAABXRUJQVlA4IEQAAAD...
└─┬─┘└─┬──┘│└─┬┘
 RIFF  size W EBP

UklGR sagt nur „RIFF“. Das Format-Tag WEBP steht in den Bytes 8 bis 11 und erscheint als XRUJQ an den Zeichen 12 bis 16, gefolgt von VlA4 für den Chunk VP8. Wenn Sie Formate im Code erkennen, prüfen Sie beide Teile. Weitere Signaturen sind unter Gängige Base64-Präfixe aufgeführt, und Base64 in WebP dekodiert einen String zurück in eine Datei.

Häufige Fragen