HTML-Tools

Kostenlose Base64-Encoder und -Decoder

Kodieren Sie Text in Base64 oder dekodieren Sie Base64 zurück in Text. Unterstützt URL-sichere Base64-Variante. Die gesamte Verarbeitung erfolgt lokal.

Tool wird geladen...

Was ist Base64-Encoder und -Decoder?

Ein browserbasierter Base64-Encoder und -Decoder. Konvertieren Sie Text in Base64-Kodierung zur Verwendung in Data-URIs, API-Authentifizierungs-Headern, E-Mail-Anhängen oder Konfigurationsdateien. Dekodieren Sie Base64-Strings zurück in lesbaren Text. Unterstützt sowohl Standard-Base64 als auch URL-sichere Base64 (mit - und _ anstelle von + und /).

Kurze Antwort

Kodieren Sie Text in Base64 oder dekodieren Sie Base64 zurück in Text. Unterstützt Standard- und URL-sichere Base64. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser.

Einschränkungen

  • Für Textkodierung/-dekodierung ausgelegt – die Kodierung großer Binärdateien (über einige MB) kann langsam sein und besser mit speziellen Tools erfolgen.
  • Unterstützt keine Chunked- oder Streaming-Base64-Kodierung – die gesamte Eingabe wird auf einmal verarbeitet.
  • UTF-8-Text wird sowohl für Kodierungseingabe als auch Dekodierungsausgabe angenommen – andere Zeichenkodierungen können unerwartete Ergebnisse liefern.

So nutzt du dieses Tool

  1. Wählen Sie Kodieren (Text zu Base64) oder Dekodieren (Base64 zu Text).
  2. Fügen Sie Ihre Eingabe in den Textbereich ein.
  3. Schalten Sie den URL-sicheren Modus um, wenn Sie mit URLs oder Dateinamen arbeiten.
  4. Kopieren Sie das Ergebnis.

Wofür du es nutzen kannst

  • Kodieren Sie Anmeldedaten für einen Basic-Authentication-Header (Benutzername:Passwort in Base64).
  • Dekodieren Sie einen Base64-kodierten JWT-Payload oder eine API-Antwort, um den ursprünglichen Inhalt zu sehen.
  • Erstellen Sie eine Base64-Data-URI zum Einbetten kleiner Bilder oder SVGs direkt in CSS oder HTML.

Anwendungsfalle

Praxisbeispiele

Beispiel

Einen Basic-Auth-Header erstellen

Ein Entwickler muss Basic Authentication zu einer API-Anfrage hinzufügen. Er kodiert 'Benutzername:Passwort' in Base64 und fügt es als Authorization: Basic <base64>-Header in seine HTTP-Anfrage ein.

Beispiel

Eine Base64-API-Antwort dekodieren

Eine API gibt einen Base64-kodierten Wert zurück. Der Entwickler fügt den Base64-String in den Decoder ein und sieht sofort den dekodierten JSON- oder Textinhalt zum Debuggen.

Haufige Fehler

  • Base64-Kodierung mit Verschlüsselung verwechseln – Base64 ist für jeden umkehrbar und bietet keine Sicherheit.
  • Vergessen, dass Base64 die Datengröße um etwa 33% erhöht – eine 1KB-Datei wird bei Base64-Kodierung zu etwa 1,37KB.
  • Standard-Base64 in URLs ohne Konvertierung in die URL-sichere Variante verwenden – + und /-Zeichen in Standard-Base64 unterbrechen die URL-Parsing.

Überprüfung

  1. Kodieren Sie einen einfachen String wie 'Hallo' und überprüfen Sie, ob die Ausgabe 'SGFsbG8=' ist. Dekodieren Sie es zurück, um den Round-Trip zu bestätigen.
  2. Testen Sie den URL-sicheren Modus, indem Sie einen String kodieren und überprüfen, ob die Ausgabe - und _ anstelle von + und / enthält.

FAQ

Fragen zu Base64-Encoder und -Decoder

Was ist der Unterschied zwischen Standard- und URL-sicherer Base64?

Standard-Base64 verwendet + und / als 62. und 63. Zeichen, mit = für Padding. URL-sichere Base64 ersetzt + durch - und / durch _ und lässt Padding (=) in der Regel weg. URL-sichere Kodierung kann sicher in URLs, Dateinamen und JWT-Tokens ohne zusätzliche Prozentkodierung verwendet werden.

Kann ich Binärdateien wie Bilder kodieren?

Dieses Tool ist für Textkodierung ausgelegt. Für Binärdateien müssten Sie die Datei zuerst als Byte-Array einlesen. Die FileReader-API des Browsers kann Dateien als Data-URLs lesen, die Base64-Kodierung enthalten. Für kleine textbasierte Anforderungen ist dieses Tool gut geeignet.

Warum zeigt meine dekodierte Base64 verstümmelte Zeichen?

Base64 kann beliebige Binärdaten kodieren. Wenn die ursprünglichen Daten kein UTF-8-Text waren (z. B. ein Bild, PDF oder ein anderer Zeichensatz), zeigt die Dekodierung als UTF-8 verstümmelte Ausgabe. Stellen Sie sicher, dass die Quelldaten Text waren, bevor Sie lesbare Ausgabe erwarten.

Verwandte Tools

Weitere html-tools

Auch ausprobieren

Auch ausprobieren