WEBP zu Base64
Kodieren Sie WEBP-Bilder als Base64-Daten-URIs – sofort in Ihrem Browser.
Drag & drop your WEBP file here, or click to choose. Everything runs in your browser — nothing is uploaded.
Dieser kostenlose WEBP-zu-Base64-Encoder wandelt Ihr Bild in einen Daten-URI um, den Sie direkt in HTML, CSS, JSON oder eine E-Mail-Vorlage einfügen können – kein Hosting und keine zusätzliche HTTP-Anfrage. Die Bytes werden lokal gelesen und codiert, sodass die Datei nie hochgeladen wird. Sie können das Ergebnis als rohe Base64-Zeichenfolge, als Daten-URI, als CSS-Hintergrundregel oder als vollständiges img-Tag kopieren.
Häufig gestellte Fragen
Wie konvertiere ich ein WEBP in Base64?
Legen Sie die Datei in das Feld oben ab und die codierte Ausgabe erscheint sofort zusammen mit einer Vorschau. Wählen Sie den Ausgabestil aus, den Sie benötigen – einfaches Base64, einen Daten-URI, eine CSS-Hintergrundbildregel oder ein HTML-IMG-Tag – und kopieren Sie ihn dann oder laden Sie ihn als Textdatei herunter.
Werden meine Dateien auf einen Server hochgeladen?
Nein. Die Datei wird mithilfe von JavaScript und WebAssembly direkt in Ihrem Browser dekodiert und neu kodiert und verlässt Ihr Gerät nie. Das macht es sicher für private Fotos, Kundenarbeiten und alles, was vertraulich ist, und das ist der Grund, warum das Tool auch nach dem Laden der Seite ohne Verbindung zu Ihrem Netzwerk weiterarbeitet.
Warum ist die Base64-Version größer als mein Bild?
Base64 stellt alle 3 Bytes mit 4 Zeichen dar, sodass der codierte Text immer etwa 33 % größer ist als die Originaldatei zuzüglich des Daten-URI-Präfixes. Dieser Tausch lohnt sich für kleine Assets wie Symbole und Logos, bei denen Sie den gesamten Netzwerk-Rundgang einsparen, für große Fotos ist er jedoch ein schlechter Deal.
Wann sollte ich ein Bild als Daten-URI einbetten?
Für kleine, immer benötigte Assets – Symbole, Logos, winzige Hintergrundtexturen –, bei denen das Entfernen einer HTTP-Anfrage wichtiger ist als die zusätzlichen Bytes. Vermeiden Sie dies bei großen Bildern: Sie können nicht separat zwischengespeichert werden, sie blockieren die Analyse Ihres CSS oder HTML und blähen jede Seite auf, die sie enthält.
Funktioniert das mit Transparenz?
Ja. Die ursprünglichen Dateibytes werden wörtlich codiert und nicht neu gezeichnet, sodass Transparenz, Farbprofil und alle eingebetteten Metadaten genau so erhalten bleiben, wie sie waren.
Funktioniert das unter Windows, Mac, iPhone und Android?
Ja. Es läuft in jedem modernen Browser unter Windows, Mac, Linux, iPhone und Android, ohne dass eine Installation erforderlich ist und kein Konto erforderlich ist. Chrome, Edge, Firefox und Safari werden alle unterstützt.