Base64 kodieren & dekodieren online — Text, Dateien und Data-URLs

Kodiere Text oder Dateien in Base64, mach aus Bildern Data-URIs mit CSS- und <img>-Snippets und dekodiere Base64 zurück in eine Datei mit Vorschau. Nichts verlässt deinen Browser.

URL-sicher (RFC 4648 §5, ohne Padding) Jede Zeile einzeln (Massenmodus)

Zu kodierender Text

Base64

RnJlZVRvb2xzRm9yV2ViIOKAlCBCYXNlNjQga29kaWVydCBCeXRlcywga2VpbmUgWmVpY2hlbi4gVW1sYXV0ZSB1bmQgw4ltb2ppcyBmdW5rdGlvbmllcmVuOiDDpMO2w7wg8J+Msg==

103 B rein → 140 Zeichen (+36 %)

Läuft komplett in deinem Browser. Nichts, was du eingibst, wird an uns gesendet oder gespeichert. Alle kostenlosen Tools ansehen.

Ein Problem gefunden oder etwas, das besser sein könnte? Wir lesen jede Nachricht und beheben Fehler schnell.

Dieser kostenlose Base64-Encoder und -Decoder wandelt Text und Dateien in deinem Browser in Base64 um und zurück. Er behandelt UTF-8 korrekt, sodass Umlaute, Akzente, chinesischer Text und Emojis unbeschadet hin und zurück kommen – genau dort versagen die meisten schnellen Online-Konverter stillschweigend. Zieh ein Bild oder eine Schrift hinein und du bekommst eine Data-URI samt fertigem CSS-Hintergrund- und <img>-Code, mit ausgewiesenem Größenzuwachs; oder füge eine Data-URI oder reines Base64 ein, um das Bild in der Vorschau zu sehen und als Datei herunterzuladen. Mehrere Dateien auf einmal? Zieh bis zu 50 gleichzeitig hinein und erhalte eine Tabelle mit Data-URIs, die du kopieren oder als JSON oder CSV herunterladen kannst; der Textmodus kodiert oder dekodiert eine Liste auch Zeile für Zeile.

Base64 ist weder Verschlüsselung noch Kompression; es ist eine Möglichkeit, Binärdaten durch Kanäle zu transportieren, die nur Text akzeptieren, etwa JSON, E-Mail und URLs – um den Preis von rund 33 Prozent mehr Bytes. Wer das weiß, weiß schon das meiste darüber, wann man es einsetzt; den Rest erklären die Hinweise unten.

So funktioniert’s

Wähle Kodieren oder Dekodieren. Zum Kodieren tippst du Text ein oder fügst ihn ein; das Base64 erscheint während des Tippens.
Aktiviere „URL-sicher“, wenn der Wert in eine URL oder ein JWT kommt: + und / werden zu - und _, und das Padding entfällt.
Um eine Datei zu kodieren, öffne den Tab „Datei → Base64 / Data-URI“ und wähle sie aus oder zieh sie hinein. Kopiere das rohe Base64, die Data-URI oder die CSS- und <img>-Snippets.
Um Base64 wieder in eine Datei zu verwandeln, öffne „Base64 / Data-URI → Datei“ und füge es ein. Der Typ wird aus dem data:-Präfix gelesen oder anhand der Bytes erkannt, Bilder und Medien erscheinen in der Vorschau, und „Herunterladen“ speichert die Datei mit der richtigen Endung.
Achte auf die Größenangabe: Geht die kodierte Ausgabe in den Megabyte-Bereich, ist ein normaler Dateiverweis fast immer die bessere Lösung.

Häufige Fragen

Kann ich mehrere Dateien oder Zeilen auf einmal in Base64 umwandeln?

Ja. Wähle im Tab „Datei“ bis zu 50 Dateien (25 MB insgesamt) aus oder zieh sie hinein: Jede wird zu einer Zeile mit Typ, Größe, Base64 und Data-URI, die du einzeln kopieren oder gesammelt als JSON oder CSV herunterladen kannst. Setze im Tab „Text“ das Häkchen bei „Jede Zeile einzeln“, um jede Zeile einer Liste für sich zu kodieren oder zu dekodieren; eine Zeile, die kein gültiges Base64 ist, wird gemeldet und leer gelassen, ohne die anderen zu beeinflussen.

Ist Base64 sicher? Kann ich damit Daten verstecken?

Nein. Base64 ist eine Kodierung, keine Verschlüsselung: Jeder kann es sofort dekodieren, auch mit dieser Seite. Es dient dazu, Binärdaten sicher als Text zu transportieren. Brauchst du Vertraulichkeit, verschlüssle zuerst und kodiere den Geheimtext dann in Base64, falls ein Textkanal das erfordert.

Warum zeigt mein dekodierter Text seltsame Zeichen?

Meist, weil das Original nicht UTF-8 war oder weil das Base64 von einem Tool erzeugt wurde, das den Codepunkt jedes Zeichens statt seiner UTF-8-Bytes kodiert hat (der klassische btoa()-Fehler). Dieses Tool kodiert und dekodiert immer UTF-8-Bytes. War die Quelle Latin-1 oder UTF-16, stimmen die Bytes trotzdem; nur die Textdarstellung weicht ab.

Was ist URL-sicheres Base64?

Standard-Base64 verwendet + und /, die beide in URLs eine Bedeutung haben, und füllt mit = auf, das URL-Encoder verunstalten. Die URL-sichere Variante (RFC 4648, Abschnitt 5) ersetzt sie durch - und _ und lässt das Padding meist weg. JWTs, OAuth-State-Werte und viele API-Tokens nutzen sie. Der Decoder hier akzeptiert beide Formen.

Sollte ich Bilder als Base64-Data-URLs einbetten?

Für winzige Assets (Icons unter ein paar Kilobyte, ein kleines Inline-SVG, eine Schrift-Teilmenge) spart eine Data-URL einen Request und lohnt sich. Für alles Größere nicht: Die Datei wächst um ein Drittel, sie kann nicht getrennt von der Seite gecacht werden, und sie blockiert das Parsen des HTML oder CSS, in dem sie steckt. Ab etwa 5 bis 10 KB ist ein normaler Dateiverweis besser.

Wird etwas hochgeladen?

Nein. Text wird mit dem TextEncoder und btoa/atob des Browsers umgewandelt, Dateien werden lokal über die File API gelesen. Nichts wird an einen Server gesendet.

Wie wandle ich Base64 zurück in ein Bild um?

Füge den String in den Tab „Base64 / Data-URI → Datei“ ein. Beginnt er mit data:image/png;base64, ergibt sich der Typ aus diesem Präfix; ist es reines Base64, liest das Tool die ersten Bytes (PNG, JPEG, GIF, WebP, AVIF, SVG, PDF, MP3, MP4 und andere gängige Signaturen), um ihn zu bestimmen. Das Bild erscheint als Vorschau auf der Seite, und „Herunterladen“ speichert es als normale Datei.

Wie Base64 funktioniert, in einem Absatz

Je drei Bytes der Eingabe (24 Bit) werden in vier 6-Bit-Gruppen aufgeteilt, und jede Gruppe wird als eines von 64 Zeichen geschrieben: A–Z, a–z, 0–9, + und /. Deshalb ist die Ausgabelänge immer ein Vielfaches von vier und etwa 4/3 der Eingabe, und deshalb erscheint =-Padding, wenn die Eingabe kein Vielfaches von drei Bytes ist. Das Dekodieren kehrt den Vorgang exakt um; es geht nichts verloren.

Wo dir Base64 begegnet

• HTTP-Basic-Authentifizierung: Der Authorization-Header enthält user:password in Base64 (nicht verschlüsselt, deshalb braucht es HTTPS).

• JWTs: Header und Payload sind URL-sicheres Base64-JSON; dekodiere eines mit unserem JWT-Decoder.

• E-Mail-Anhänge (MIME) und eingebettete Bilder in HTML-E-Mails.

• Data-URLs in CSS und HTML sowie Bildfelder in manchen JSON-APIs.

• Binärwerte in JSON und XML, die keinen nativen Byte-Typ haben.

Aufbau einer Data-URI und Größenzuwachs

Eine Data-URI hat die Form data:[Medientyp][;base64],Daten. data:image/png;base64,iVBORw0… enthält ein PNG; ohne ;base64 sind die Daten prozentkodierter Text, was bei SVG oft kleiner ist. Anhand des Medientyps stellt der Browser die Daten dar, ein falscher Typ (image/png bei JPEG-Bytes) kann also verhindern, dass das Bild in manchen Kontexten angezeigt wird.

Base64 macht aus je 3 Bytes 4 Zeichen, die Nutzlast wächst also um ein Drittel (33,3 Prozent plus bis zu zwei Padding-Zeichen), und das data:-Präfix kommt noch hinzu. gzip oder Brotli auf dem HTML oder CSS holen einen Teil davon zurück, aber nicht alles. Das Tool zeigt dir die genauen Werte für deine Datei, damit du einschätzen kannst, ob sich das Inlining lohnt; bei den meisten Bildern über 5 bis 10 KB lohnt es sich nicht.