Dev Tools
Base64 Konverter
Text in beide Richtungen umwandeln, Bilder und Dateien in eine Data-URI verwandeln oder aus Base64 wieder eine Datei machen. Nichts verlässt deinen Browser.
Wie Base64 funktioniert
Das Verfahren nimmt jeweils drei Bytes, also vierundzwanzig Bit, und teilt sie in vier Blöcke zu sechs Bit. Jeder dieser Blöcke hat vierundsechzig mögliche Werte, und für jeden gibt es genau ein Zeichen aus dem Alphabet: Groß- und Kleinbuchstaben, Ziffern sowie Plus und Schrägstrich. Geht die Datenlänge nicht glatt durch drei, füllen Gleichheitszeichen den Rest auf. Daraus erklärt sich auch der Zuwachs um ein Drittel.
Sicherheit & Datenschutz
Dateien werden über die Dateischnittstelle des Browsers gelesen und ausschließlich im Arbeitsspeicher deines Geräts verarbeitet. Es gibt keinen Upload, keinen Serveraufruf und keine Speicherung. Damit kannst du auch Zertifikate, Verträge oder unveröffentlichte Grafiken umwandeln, ohne sie aus der Hand zu geben. Denk aber daran: Base64 schützt nichts, es macht Daten nur transportierbar.
Typische Anwendungsfälle
Ein kleines Symbol wandert als Data-URI direkt ins Stylesheet und spart einen Serveraufruf. Ein Zertifikat oder ein privater Schlüssel liegt im PEM-Format vor und muss mit Umbrüchen nach vierundsechzig Zeichen ausgegeben werden. Beim Debuggen einer Schnittstelle liest du den Inhalt eines JSON-Web-Tokens, der in der URL-sicheren Variante kodiert ist. Und wenn dir jemand eine Data-URI schickt, machst du hier in einem Schritt wieder eine Bilddatei daraus.
Häufige Stolpersteine
Wer eine Data-URI kopiert, vergisst leicht das Präfix vor dem Komma und wundert sich, warum das Bild nicht erscheint. Umgekehrt landet das Präfix manchmal versehentlich mit im Feld, das eigentlich nur die reine Nutzlast erwartet. Beim Einfügen aus einem Terminal gehen zudem oft Zeilenumbrüche verloren oder kommen neu hinzu. Dieses Werkzeug entfernt Leerzeichen und Umbrüche automatisch und erkennt die URL-sichere Schreibweise selbständig.
Häufige Fragen zu Base64
Was ist Base64 und wofür braucht man es?
Base64 stellt beliebige Daten mit nur vierundsechzig druckbaren Zeichen dar. Das wird überall dort gebraucht, wo ein Kanal nur Text zulässt: E-Mail-Anhänge, Bilder direkt in einer CSS-Datei, Zertifikate im PEM-Format oder Werte in einem JSON-Web-Token. Der Preis ist ein Zuwachs von rund einem Drittel, weil aus drei Datenbytes vier Zeichen werden.
Ist Base64 eine Verschlüsselung?
Nein, und das ist ein verbreiteter Irrtum mit ernsten Folgen. Base64 ist eine reine Umkodierung ohne Schlüssel, jeder kann sie in Sekunden rückgängig machen. Ein Passwort oder ein Zugangsschlüssel ist in Base64 genauso ungeschützt wie im Klartext. Für echten Schutz brauchst du eine Verschlüsselung mit Schlüssel, etwa AES.
Wann lohnt sich ein Bild als Data-URI?
Bei kleinen Grafiken wie Symbolen, Mustern oder einem Logo unter etwa fünf Kilobyte. Sie stecken dann direkt im Stylesheet oder im HTML und sparen einen zusätzlichen Serveraufruf. Bei größeren Bildern kehrt sich der Vorteil um: Die Datei wächst um ein Drittel, lässt sich nicht getrennt zwischenspeichern und blockiert das Laden der Seite.
Was ist die URL-sichere Variante?
Normales Base64 verwendet Plus und Schrägstrich. Beide haben in Adressen und Dateinamen eine eigene Bedeutung und werden dort kodiert oder missverstanden. Die Variante nach RFC 4648 ersetzt sie durch Minus und Unterstrich und lässt die Gleichheitszeichen am Ende weg. Genau diese Form steckt in JSON-Web-Tokens.
Wozu die Zeilenumbrüche?
Ältere Protokolle vertragen keine beliebig langen Zeilen. Für E-Mail schreibt der MIME-Standard einen Umbruch nach sechsundsiebzig Zeichen vor, Zertifikate im PEM-Format brechen nach vierundsechzig um. Für alles Moderne, etwa eine Data-URI im Stylesheet, wählst du besser keine Umbrüche, sonst muss der Empfänger sie erst wieder entfernen.
Werden meine Dateien hochgeladen?
Nein. Die Datei wird über die Dateischnittstelle des Browsers gelesen und im Arbeitsspeicher deines Geräts umgewandelt. Es gibt keinen Serveraufruf und keine Speicherung. Du kannst die Seite laden, die Verbindung trennen und trotzdem weiterarbeiten. Aus Rücksicht auf den Arbeitsspeicher liegt die Obergrenze bei zwölf Megabyte je Datei.