Zum Inhalt springen

Base64-Encoder & -DecoderBeta

Kodiere und dekodiere Text oder Dateien als Base64 im Browser. Verarbeitet Unicode korrekt, mit URL-sicherer Option und Datei-Download.

Richtung
Eingabeart
0 Zeichen · 0 Zeilen
Verwendet dann - und _ statt + und / und lässt das abschließende =-Padding weg. Aktiviere das für URLs oder Dateinamen.

0 Zeichen · 0 Zeilen

Dateien werden nur auf diesem Gerät verarbeitet und nie auf einen Server hochgeladen.

So funktioniert’s

Auf dem Encode-Tab gibst du Text ein, und darunter wird die Base64-Zeichenkette angezeigt. Auf dem Decode-Tab fügst du eine Base64-Zeichenkette oder eine data:-URL ein, und sie wird wieder in den ursprünglichen Text umgewandelt. Es gibt keinen Button zum Klicken – das Ergebnis aktualisiert sich beim Tippen, und du kannst es daneben kopieren.

Warum nicht einfach btoa verwenden?

Die im Browser eingebaute Funktion btoa wirft einen Fehler bei jedem Zeichen außerhalb des Latin-1-Bereichs (Codepunkte 0–255). Das bedeutet: Ein String mit koreanischen oder chinesischen Zeichen oder Emojis lässt sich mit btoa gar nicht oder nur fehlerhaft kodieren. Dieses Tool wandelt den String zuerst mit TextEncoder in UTF-8-Bytes um und kodiert dann diese Bytes als Base64 – so wird Text in jeder Sprache sicher verarbeitet. Beim Dekodieren läuft es umgekehrt genauso, mit TextDecoder.

URL-sicheres Base64

Standard-Base64 verwendet drei Zeichen – +, / und = –, die in einem URL-Query-String oder auf einem Dateisystem eine besondere Bedeutung haben können. Aktivierst du die Option „URL-sicher“, wird + durch - und / durch _ ersetzt, und das abschließende =-Padding entfällt komplett. Diese Variante wird zum Beispiel häufig für JWTs (JSON Web Tokens) oder URL-Query-Parameter verwendet. Achte beim Dekodieren darauf, dieselbe Option zu wählen, die beim Kodieren verwendet wurde – sonst werden die Zeichen falsch interpretiert.

Dateien: zu Base64 und wieder zurück

Wechsle auf dem Encode-Tab die Eingabeart zu „Datei“, um eine Datei per Drag-and-drop abzulegen oder auszuwählen (bis zu 10 MB). Das Ergebnis ist eine data-URL mit Dateityp-Information, etwa data:image/png;base64,iVBORw0KG..., die du direkt in einem Bild-Tag oder als CSS-Hintergrund verwenden kannst. Umgekehrt kannst du eine data-URL oder eine reine Base64-Zeichenkette in den Decode-Tab einfügen und über den Download-Button wieder als Datei speichern. Fehlt die Information zum Dateityp, wird mit der Endung .bin gespeichert.

Häufige Fehler und was sie bedeuten

Enthält die Eingabe ein Zeichen, das in Base64 nicht gültig ist (Leerzeichen und Zeilenumbrüche werden automatisch ignoriert), zeigt dir das Tool genau dieses Zeichen an. Ist die Länge kein Vielfaches von 4 oder steht das =-Padding an der falschen Stelle, erscheint ein Padding-Fehler. Auch der Versuch, Standard-Base64 mit aktivierter URL-sicher-Option zu dekodieren (oder umgekehrt), führt zu einem Fehler – achte darauf, dieselbe Option wie beim Kodieren zu verwenden.

Datenschutz

Dein Text und deine Dateien werden ausschließlich in diesem Browser verarbeitet und nie an einen Server gesendet. Beim Schließen der Seite ist alles wieder weg.

Quellen

Häufige Fragen

Werden Umlaute, Emojis oder andere Sonderzeichen beim Kodieren zerstört?

Nein. Dieses Tool wandelt Zeichen zuerst in UTF-8-Bytes um (mit TextEncoder/TextDecoder) und kodiert erst diese Bytes als Base64. Die eingebaute JavaScript-Funktion btoa unterstützt nur Latin-1-Zeichen und wirft bei koreanischen Zeichen oder Emojis einen Fehler – bei diesem Tool tritt dieses Problem nicht auf.

Wann sollte ich URL-sicheres Base64 verwenden?

Normales Base64 verwendet die Zeichen +, / und =, die in URLs oder Dateinamen eine besondere Bedeutung haben können. Aktivierst du die Option „URL-sicher“, wird + durch - und / durch _ ersetzt, und das abschließende =-Padding entfällt. So kannst du das Ergebnis direkt in einer Adresszeile, einem Query-String oder einem Dateinamen verwenden.

Warum bekomme ich beim Dekodieren die Fehlermeldung „kein gültiger UTF-8-Text“?

Wenn die ursprünglichen Daten hinter dem Base64-String keine Textdaten sind, sondern zum Beispiel ein Bild oder ein PDF, lassen sich die dekodierten Bytes nicht als Text interpretieren und diese Meldung erscheint. Du kannst dann zur Hex-Ansicht wechseln, um die rohen Bytes zu sehen, oder über den Download-Button die ursprüngliche Datei wiederherstellen.

In welchem Format erhalte ich das Ergebnis, wenn ich eine Datei in Base64 umwandle?

Wenn du eine Datei ablegst, entsteht eine data-URL im Format data:<Dateityp>;base64,<Daten>. Dieses Format wird häufig verwendet, um eine Datei direkt in ein HTML-img-Tag oder eine CSS-Regel einzubetten, und du kannst es unverändert kopieren.