Ein einfaches Wort dekodieren
Kodiert
SGVsbG8gV29ybGQ=
Dekodiert
Hello World
Das = am Ende ist Padding, denn Hello World ist 11 Bytes lang – also kein Vielfaches von 3. Beim Dekodieren wird es korrekt entfernt.
Base64-Encoder / -Decoder
Base64-Zeichenfolgen und Dateien sofort kodieren oder dekodieren.
Zuletzt aktualisiert
Bereit, wirklich programmieren zu lernen?
Coddy bringt es dir bei, indem du echten Code im Browser schreibst: interaktive Lektionen, sofortiges Feedback und KI-Hilfe, wenn du feststeckst.
Was ist Base64?
Base64 ist ein Kodierverfahren, das Binärdaten mit 64 druckbaren Zeichen darstellt. Entwicklerinnen und Entwickler greifen immer dann darauf zurück, wenn ein rein textbasiertes System Bytes transportieren muss – etwa kleine, in HTML eingebettete Bilder, Tokens, E-Mail-Anhänge, Data-URLs, kopierbare Geheimnisse in Logs oder JSON-Felder, in denen Binär-Blobs landen.
Base64 ist eine *Kodierung*, keine Verschlüsselung. Ein Base64-String lässt sich praktisch sofort wieder zurücklesen – Base64 darf also niemals als Sicherheitsmaßnahme gelten. Alles, was in Base64 steckt, ist faktisch öffentlich, sofern es nicht *vor* der Kodierung verschlüsselt wurde.
Technisch nimmt Base64 jeweils 3 Bytes (24 Bit) und schreibt sie als 4 Zeichen aus einem festen 64er-Alphabet (A–Z, a–z, 0–9, +, /). Ist die Eingabelänge kein Vielfaches von 3, hängt der Encoder am Ende ein oder zwei = als Padding an. Deshalb enden Base64-Strings so oft mit =.
Was du beim Arbeiten mit Base64 lernst
- Eine Kodierung ändert nur die Darstellung der Daten – sie versteckt oder schützt nichts. Jeder kann sie wieder dekodieren.
- Die Ausgabe ist etwa 4/3 so groß wie die Original-Bytes. Praktisch, aber nicht platzsparend.
- Padding-Zeichen wie
=füllen die letzte 4er-Gruppe auf und sind in vielen Base64-Strings völlig normal. - Es gibt zwei verwandte Varianten: Standard-Base64 (mit
+und/) und Base64URL (mit-und_, damit es in URLs und JWTs problemlos funktioniert).
Schritt für Schritt: Base64 kodieren und dekodieren
Richtung wählen
Wähle „Encode“, wenn du Klartext oder eine Datei hast und eine Base64-Ausgabe möchtest. „Decode“ ist richtig, wenn du einen Base64-String hast und den Originalinhalt zurückbekommen willst.
Eingabe einfügen oder Datei ablegen
Füge einen String in das Textfeld ein oder zieh eine Datei (Bild, PDF, was auch immer) in die Drop-Zone. Dateien werden direkt als
data:-URL ausgegeben – fertig zum Einbetten in HTML oder CSS.Ergebnis ablesen
Beim Kodieren bekommst du den Base64-String. Beim Dekodieren den Originaltext – oder, falls die Eingabe eine Datei war, die wiederhergestellten Bytes als Download-Link.
Ergebnis kopieren
Ein Klick auf den Kopier-Button legt das Ergebnis in der Zwischenablage ab. Alles läuft im Browser, deine Eingabe verlässt deinen Rechner nicht.
Base64 auf einen Blick
Die Bausteine, die dir immer wieder begegnen, sobald du mit Base64 arbeitest – definiert in RFC 4648.
| Element | Bedeutung | Beispiel |
|---|---|---|
| Alphabet | 64 Zeichen, die Standard-Base64 verwendet | A–Z, a–z, 0–9, +, / |
| URL-sicheres Alphabet | Wird in JWTs und URLs eingesetzt | A–Z, a–z, 0–9, -, _ |
| Padding | Füllt die letzte Gruppe auf, wenn die Länge kein Vielfaches von 3 ist | = oder == |
| Gruppengröße | Bytes pro kodiertem Block → 4 Ausgabezeichen | 3 Bytes → 4 Zeichen |
| Längenzuwachs | Die Ausgabe ist rund 33 % größer als die Eingabe | 100 B → 136 Zeichen |
| Data-URL | Inline-Einbettung einer Datei in HTML/CSS | data:image/png;base64,... |
Base64-Beispiele zum Ausprobieren
Kleines JSON-Payload kodieren
Original
{"role":"student","active":true}Base64
eyJyb2xlIjoic3R1ZGVudCIsImFjdGl2ZSI6dHJ1ZX0=
JWT-Tokens kodieren ihre Segmente genau auf diese Weise – deshalb beginnen JWT-Payloads fast immer mit eyJ, der Base64-Form von {".
Eine Data-URL erkennen
Data-URL
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgAAIAAAUAAen8GVAAAAAASUVORK5CYII=
Der Präfix gibt den Medientyp (image/png) und die Kodierung (base64) an. Alles nach dem Komma ist der Dateiinhalt selbst. Praktisch für winzige Bilder, die direkt mit der Seite geladen werden sollen.
Standard- und URL-sicheres Alphabet vergleichen
Standard
Pj4/Pyc+Pg==
URL-sicher
Pj4_Pyc-Pg
URL-sicheres Base64 ersetzt + durch - und / durch _, damit der Wert ohne weiteres Escapen in einer URL stehen kann. JWTs nutzen genau diese Variante.
Typische Fehler bei Base64
- Base64 als „verschlüsselt“ zu bezeichnen. Jeder kann es ohne Passwort oder Schlüssel dekodieren.
- Zu vergessen, dass Unicode-Text *vor* der Base64-Kodierung erst in UTF-8-Bytes umgewandelt werden muss – sonst gehen Nicht-ASCII-Zeichen beim Round-Trip kaputt.
- Das
=-Padding manuell entfernen und das Ergebnis dann an einen strikten Decoder verfüttern, der genau dieses Padding erwartet. (URL-sichere Decoder kommen meist auch ohne Padding klar, Standard-Decoder oft nicht.) - Große Bilder als Base64 in CSS oder HTML einbetten, obwohl eine ganz normale Datei-URL kleiner, schneller und besser cachebar wäre.
FAQ zu Base64
Was ist Base64-Kodierung?
Base64 ist eine Kodierung, die Binärdaten mithilfe eines 64-Zeichen-Alphabets als druckbaren Text darstellt. Sie kommt überall dort zum Einsatz, wo Bytes durch ein rein textbasiertes System wandern müssen – APIs, JSON, JWTs, E-Mail, Data-URLs.
Wie funktioniert Base64?
Base64 nimmt 3 Eingabe-Bytes (24 Bit) und teilt sie in vier 6-Bit-Gruppen auf. Jede 6-Bit-Gruppe wird auf eines von 64 Zeichen abgebildet. Ist die Eingabelänge kein Vielfaches von 3 Bytes, werden ein oder zwei
= als Padding angehängt.Wie dekodiere ich einen Base64-String?
Füge den String einfach in einen Base64-Decoder ein. Die Ausgabe ist der Originaltext oder die Originaldatei. Im Code bringt fast jede Sprache eine eingebaute Funktion mit:
atob() im Browser, Buffer.from(str, 'base64') in Node.js, base64.b64decode() in Python.Ist Base64 sicher?
Nein. Base64 ist eine Kodierung, keine Verschlüsselung. Es geht um Darstellung und Transport, nicht um Geheimhaltung. Wer Vertraulichkeit braucht, verschlüsselt die Daten zuerst und kodiert anschließend den Ciphertext mit Base64.
Warum endet Base64 manchmal mit =?
= ist Padding. Base64 erzeugt für je 3 Bytes Eingabe genau 4 Zeichen. Ist die Eingabelänge kein Vielfaches von 3, werden ein oder zwei = ergänzt, damit die kodierte Länge ein Vielfaches von 4 bleibt.Kann Base64 auch Bilder kodieren?
Ja. Bild-Bytes lassen sich per Base64 kodieren und in eine
data:image/png;base64,...-URL packen. So wird das Bild direkt in HTML, CSS oder JSON eingebettet – ohne separaten Netzwerk-Request.