Base64 kodieren & dekodieren

Base64, definiert in RFC 4648, schreibt beliebige Bytes mit 64 druckbaren ASCII-Zeichen: A–Z, a–z, 0–9, + und /. Jede Gruppe aus drei Bytes (24 Bit) wird in vier 6-Bit-Zahlen zerlegt, und jede Zahl wählt ein Zeichen aus dem Alphabet aus. Ist die Eingabelänge kein Vielfaches von drei, wird die letzte Gruppe mit einem oder zwei =-Zeichen aufgefüllt. Das Ergebnis ist immer etwa 33 % größer als die Eingabe: 4 Zeichen für je 3 Bytes.

Es gibt Base64, weil viele Übertragungswege für Text gebaut wurden. E-Mail (MIME), data:-URLs in HTML und CSS, JSON-Felder mit Bildern oder Zertifikaten und HTTP-Basic-Authentifizierungs-Header nutzen alle Base64, um Binärdaten sicher zu übertragen. Base64 ist keine Verschlüsselung und verbirgt nichts; zum Dekodieren ist kein Schlüssel nötig.

Base64 kodiert Bytes, nicht Buchstaben, deshalb muss Text zuerst in Bytes umgewandelt werden. Dieses Tool verwendet immer UTF-8, die Kodierung, auf der das Web läuft: é wird zu zwei Bytes, ein Emoji zu vier. Die im Browser eingebaute Funktion btoa allein löst bei jedem Zeichen oberhalb von U+00FF einen Fehler aus, weshalb einfache Encoder bei Umlauten und Emoji scheitern; hier läuft der Text zuerst durch TextEncoder, und beim Dekodieren kehrt TextDecoder den Vorgang um. Sind die dekodierten Bytes kein gültiges UTF-8 (etwa ein Bild oder eine ZIP-Datei), zeigt das Tool sie hexadezimal an statt als unleserlichen Text.

Standard-Base64 verwendet + und /, die in URLs und Dateinamen eine besondere Bedeutung haben. Das URL-sichere Alphabet aus Abschnitt 5 von RFC 4648 ersetzt sie durch - und _, und das Auffüllen entfällt meist. JSON Web Tokens verwenden genau diese Form. Der Decoder akzeptiert beide Alphabete und fehlendes Auffüllen, Sie können also beides einfügen.

Wählen Sie eine Datei aus, dann liest das Tool sie lokal mit FileReader und gibt ihren Base64-Wert zurück, oder eine vollständige data:-URL mit dem MIME-Typ der Datei, bereit zum Einfügen in ein img-Tag oder einen CSS-Hintergrund. Eingebettete Bilder sparen eine HTTP-Anfrage, werden aber um ein Drittel größer und lassen sich nicht separat zwischenspeichern, daher eignen sie sich eher für kleine Icons als für Fotos. Für Bilder mit Vorschau und fertigen HTML- und CSS-Schnipseln nutzen Sie Bild in Base64.