Menu

Base64-Encoder / -Decoder

Base64-Zeichenfolgen und Dateien sofort kodieren oder dekodieren.

Zuletzt aktualisiert

Modus
TextText einfügen, um zu beginnen
Base64
Kodierte oder dekodierte Ausgabe erscheint hier — alles läuft lokal.

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 (AZ, az, 09, +, /). 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.

Schritt für Schritt: Base64 kodieren und dekodieren

  1. 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.

  2. 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.

  3. 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.

  4. 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.

ElementBedeutungBeispiel
Alphabet64 Zeichen, die Standard-Base64 verwendetA–Z, a–z, 0–9, +, /
URL-sicheres AlphabetWird in JWTs und URLs eingesetztA–Z, a–z, 0–9, -, _
PaddingFüllt die letzte Gruppe auf, wenn die Länge kein Vielfaches von 3 ist= oder ==
GruppengrößeBytes pro kodiertem Block → 4 Ausgabezeichen3 Bytes → 4 Zeichen
LängenzuwachsDie Ausgabe ist rund 33 % größer als die Eingabe100 B → 136 Zeichen
Data-URLInline-Einbettung einer Datei in HTML/CSSdata:image/png;base64,...

Base64-Beispiele zum Ausprobieren

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.

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.)

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.

Weitere Entwickler-Tools

Lerne mit Coddy zu programmieren

LOS GEHT'S