WebP zu Base64
Mit diesem kostenlosen WebP-zu-Base64-Konverter wandelst du jedes WebP-Bild in einen Base64-String oder ein fertiges Code-Snippet um. Wähle eine lokale .webp-Datei aus (oder füge einen Link zu einer entfernten Datei ein), wähle das Ausgabeformat und klicke auf WebP in Base64 kodieren.
So wandelst du WebP zu Base64 online um
- Wähle Lokale Datei und eine .webp-Datei aus, oder wähle Remote-URL und füge einen Link ein.
- Wähle das Ausgabeformat: reines Base64, Data-URI, HTML-Tag, CSS, JavaScript, JSON oder XML.
- Klicke auf WebP in Base64 kodieren. Das Ergebnis erscheint sofort mit Vorschau.
- Kopiere das Ergebnis in die Zwischenablage oder lade es als .txt-Datei herunter.
Über WebP (WebP)
WebP ist ein modernes Bildformat, das Google 2010 veröffentlicht hat. Es unterstützt verlustbehaftete und verlustfreie Komprimierung, Alpha-Transparenz und Animation und ist typischerweise 25–35 % kleiner als ein vergleichbares JPG oder PNG.
Alle aktuellen Browser unterstützen WebP, was es zu einer hervorragenden Quelle für Base64-Data-URIs macht: Ein kleineres Bild bedeutet einen kürzeren kodierten String und eine schnellere Seite.
| Entwickelt | 2010, Google |
|---|---|
| Komprimierung | Verlustbehaftet und verlustfrei |
| Transparenz | Ja |
| Animation | Ja |
| Dateisignatur | RIFF....WEBP |
Ausgabeformate
Wähle, wie das Ergebnis verpackt werden soll. Der Konverter kann Folgendes liefern:
- txt: nur den Base64-String, bereit zum Einfügen in Code, ein Datenbankfeld oder eine API-Anfrage.
- uri: eine vollständige
data:-URI, die du in die Adressleiste des Browsers einfügen oder überall dort verwenden kannst, wo eine URL akzeptiert wird. - html img: ein
<img>-Tag mit der Data-URI insrc. - css background image: eine CSS-Regel mit
background-image: url(data:...). - html favicon: ein
<link rel="icon">-Tag für ein eingebettetes Favicon. - html hyperlink: einen
<a>-Link, der die eingebettete Datei herunterlädt oder öffnet. - html iframe: einen
<iframe>, der den Inhalt inline darstellt. - javascript image: JavaScript, das ein
Image-Objekt erzeugt. - javascript popup: JavaScript, das den Inhalt in einem neuen Fenster öffnet.
- json: ein JSON-Objekt mit Dateiname, MIME-Typ und Daten.
- xml: ein XML-Element mit den Daten in einem CDATA-Abschnitt.
Ist das sicher und wie groß wird das Ergebnis?
Deine Datei wird nie hochgeladen: Sie wird lokal von deinem Browser über die File API gelesen und umgewandelt, sodass selbst vertrauliche Dokumente auf deinem Gerät bleiben.
Base64 stellt je 3 Bytes mit 4 Zeichen dar, daher ist das kodierte Ergebnis etwa 33 % größer als die Originaldatei (plus ein paar Bytes für Padding und das Data-URI-Präfix).
Häufige Fragen
Wie wandle ich WebP in Base64 um?
Wähle oben deine .webp-Datei aus und klicke auf "WebP in Base64 kodieren". Der Konverter liest die Datei in deinem Browser und gibt den Base64-String oder eine fertige Data-URI aus.
Womit beginnt ein Base64-kodiertes WebP?
Eine in Base64 kodierte WebP-Datei beginnt typischerweise mit "UklGR". Als Data-URI beginnt sie mit "data:image/webp;base64,".
Gibt es eine Begrenzung der Dateigröße?
Es gibt kein festes Limit, da die Umwandlung lokal läuft, aber sehr große Dateien erzeugen sehr lange Strings. Dateien bis etwa 50 MB funktionieren in modernen Browsern problemlos.
Wie wandle ich das Base64 zurück in WebP um?
Nutze den Decoder Base64 zu WebP: Füge den String ein, dann kannst du die originale .webp-Datei ansehen und herunterladen.
Kommentare (0)
Fragen, Ideen oder ein Fehler in „WebP zu Base64“? Schreib einen Kommentar, bewerte das Tool oder antworte anderen.
Noch keine Kommentare. Teile als Erste(r) dein Feedback!