Base64 Kodieren/Dekodieren (Text)
Input
Output
Warum diesen Base64-Kodierer verwenden
- Sofortige Base64-Kodierung für Text, JSON und kleine Binärdaten
- Dateiunterstützung (Text, Bilder, Binärdateien) für schnelle Konvertierung in Base64-Strings
- URL-sichere Option für JWTs, Abfrageparameter und websichere Kontexte
- Optionale Zeilenumbrüche zur Nachbildung von CLI-Tools oder E-Mail-/PEM-Formaten
- Ein-Klick-Kopieren für einfache Wiederverwendung in Headern, Konfigurationen und Code
- Responsive Benutzeroberfläche, die auf Desktop und Mobilgeräten gut funktioniert
- Kodierung erfolgt in Ihrem Browser – Ihre Daten werden nicht an einen entfernten Server gesendet
🔧 Wie Base64-Kodierung funktioniert (Schritt für Schritt) for base64-encoder
Eingabe bereitstellen
Fügen Sie Ihren Text, JSON oder Ausschnitt in den Eingabebereich ein oder legen Sie eine Datei ab, um deren Rohbytes in Base64 zu konvertieren. Das Tool liest die Bytes genau so, wie sie sind.
In Bytes umwandeln
Der Kodierer wandelt Zeichen (wie UTF-8-Text) oder Dateiinhalt in Bytes um. Jedes Byte ist ein 8-Bit-Wert zwischen 0 und 255.
Bits in Base64-Indizes umgruppieren
Jeweils 3 Bytes (3 × 8 = 24 Bits) werden in 4 Gruppen von 6 Bits (4 × 6 = 24) umgruppiert. Jede 6-Bit-Gruppe ist ein Index in das Base64-Alphabet.
Auf Base64-Zeichen abbilden & auffüllen
Jeder 6-Bit-Index wird in ein Base64-Zeichen umgewandelt. Wenn die Eingabe nicht durch 3 Bytes teilbar ist, wird '='-Auffüllung hinzugefügt, sodass die Ausgabelänge immer ein Vielfaches von 4 Zeichen ist.
Technische Spezifikationen
Zeichensatz (RFC 4648)
Dieser Kodierer verwendet das standardmäßige Base64-Alphabet, definiert durch RFC 4648.
| Bereich / Typ | Zeichen | Hinweise |
|---|---|---|
| Indizes 0–25 | A–Z | Großbuchstaben |
| Indizes 26–51 | a–z | Kleinbuchstaben |
| Indizes 52–61 | 0–9 | Ziffern |
| Indizes 62–63 | + / | Standard-Base64-Symbole |
| Auffüllung | = | Stellt sicher, dass die Ausgabelänge ein Vielfaches von 4 ist |
Größe & Overhead
Base64 tauscht Größe gegen Sicherheit in reinen Textkanälen. Erwarten Sie etwa ein Drittel mehr Daten nach der Kodierung.
| Ursprüngliche Größe | Base64-Größe (ca.) | Overhead |
|---|---|---|
| 3 Bytes | 4 Zeichen | ~33 % größer |
| 1 KB | ≈ 1,37 KB | ~37 % inklusive Auffüllung und Zeilenumbrüchen |
| 1 MB | ≈ 1,37 MB | Gleiches Verhältnis bei größeren Skalen |
Leistung & praktische Grenzen
Die Kodierung selbst ist schnell, aber große Puffer können den Browserspeicher und die Reaktionsfähigkeit beeinträchtigen.
| Nutzlastgröße | Benutzererfahrung | Empfehlung |
|---|---|---|
| Einige KB | Sofort | Ideal für Header, Konfigurationsausschnitte und Testdaten |
| 100 KB – 1 MB | Sehr reaktionsschnell | Typisch für API-Nutzlasten und Fixtures |
| 1–5 MB | Im Allgemeinen in Ordnung auf moderner Hardware | Erwägen Sie CLI-Tools, wenn Sie dies häufig tun |
| > 5–10 MB | Kann im Browser langsam oder speicherintensiv wirken | Streaming-Encoder oder CLI-Tools verwenden |
Base64-Kodierung über die Befehlszeile
Für große Dateien, Automatisierung oder CI-Workflows verwenden Sie native Base64-Tools auf Ihrer Plattform.
Linux / 🍏 macOS
Zeichenkette kodieren
echo -n 'text' | base64Kodiert die Zeichenkette 'text' als Base64 ohne Zeilenumbruch hinzuzufügen.
Datei kodieren
base64 input.bin > output.b64Liest Binärdaten aus input.bin und schreibt Base64-Text in output.b64.
Windows / PowerShell
Zeichenkette mit PowerShell kodieren
[Convert]::ToBase64String([Text.Encoding]::UTF8.GetBytes("text"))Wandelt UTF-8-Bytes für 'text' in eine Base64-Zeichenkette um.
Datei mit certutil (CMD) kodieren
certutil -encode input.bin output.b64Verwendet das integrierte Windows-Tool zum Erstellen einer Base64-kodierten Datei.
Praktische Anwendungen
Webentwicklung & Data-URIs
Kleine Assets und Ressourcen direkt in HTML, CSS oder JavaScript einbetten.
- data:image/...;base64,... für Logos, Icons und kleine Bilder generieren.
- Schriftarten oder SVG-Inhalte in CSS-Regeln einbetten.
- Kleine Nutzdaten als Base64-Zeichenketten im LocalStorage speichern.
<img src="data:image/png;base64,iVBORw0KGgo...">document.styleSheets[0].insertRule("@font-face{src:url('data:font/woff2;base64,...')}" );API-Entwicklung & Header
Anmeldedaten und kleine Nutzdaten sicher über rein textbasierte Kanäle transportieren.
- Authorization: Basic-Header aus Benutzername:Passwort-Paaren erstellen.
- JSON-Nutzdaten für benutzerdefinierte Header oder Abfrageparameter in Base64 kodieren.
- Binäre Blobs in JSON als Base64-Zeichenketten verpacken.
Authorization: Basic dXNlcm5hbWU6cGFzc3dvcmQ=fetch(url, { headers: { 'X-Payload': btoa(JSON.stringify(data)) } });Tests, Fixtures & Debugging
Stabile, rein textbasierte Fixtures für Tests und Debugging-Sitzungen erstellen.
- Binäre Fixtures (Bilder, PDFs) kodieren und in Testcode einbetten.
- Beispielnutzdaten als Base64-Zeichenketten statt Binärdateien speichern.
- Prototyp-Nutzlasten für Dienste, die Base64-kodierte Felder erwarten.
// Beispiel: Jest-Test mit Base64-Fixture
const payload = Buffer.from(base64Fixture, 'base64');
expect(processPayload(payload)).toBeTruthy();
❓ Frequently Asked Questions
❓Warum verwendet Base64 '=' als Auffüllung?
Base64 gruppiert die Eingabe in Blöcke von 3 Bytes (24 Bits) und gibt 4 Zeichen (4 × 6 Bits) aus. Wenn die Eingabelänge nicht durch 3 teilbar ist, werden '='-Auffüllzeichen hinzugefügt, um anzuzeigen, dass der letzte Block kürzer ist. Die Auffüllung ist Teil des Kodierungsformats, nicht der ursprünglichen Daten.🔗Wie erstelle ich URL-sicheres Base64?
Base64 ersetzt '+' durch '-' und '/' durch '_' und entfernt oft abschließende '='-Auffüllungen. Viele Bibliotheken haben einen URL-sicheren Modus. Wenn Sie es manuell machen müssen, beginnen Sie mit Standard-Base64 und wenden Sie dann diese Ersetzungen an und kürzen Sie '=' für Ihren Anwendungsfall.🔒Ist Base64-Kodierung eine Sicherheitsmaßnahme?
Base64 ist eine reversible **Kodierung**, die Binärdaten für den Transport als Text sicher macht (z.B. in JSON, HTML oder Headern). Es bietet selbst keine Vertraulichkeit oder Integrität. Verwenden Sie für Sicherheit immer HTTPS/TLS und geeignete Kryptografie (wie AES oder Public-Key-Verfahren).📏Was ist die maximale Dateigröße, die ich hier kodieren sollte?
Pro Tips
Für sehr kleine Assets (< 10 KB) kann das Einbetten als Base64-Daten-URIs HTTP-Anfragen reduzieren, aber vermeiden Sie dies bei großen Bildern oder Schriftarten.
Protokollieren Sie in der Produktion nur gekürzte Base64-Nutzlasten (oder Hashwerte), um das Auslaufen sensibler Inhalte in Protokollen zu vermeiden.
Wenn Ihr Backend Base64 erwartet, validieren und normalisieren Sie die Eingabe serverseitig, um fehlerhafte oder unangemessen große Nutzlasten abzulehnen.
Additional Resources
Other Tools
- CSS-Verschönerer
- HTML-Verschönerer
- JavaScript-Verschönerer
- PHP-Verschönerer
- Farbauswahl
- Sprite-Extraktor
- Base64-Decoder
- Csharp-Formatierer
- CSV-Formatierer
- Dockerfile Formatter
- Elm-Formatierer
- ENV-Formatierer
- Go-Formatierer
- GraphQL-Formatierer
- HCL-Formatierer
- INI-Formatierer
- JSON-Formatierer
- LaTeX-Formatierer
- Markdown-Formatierer
- Objective-C-Formatierer
- Php Formatter
- Proto-Formatierer
- Python-Formatierer
- Ruby-Formatierer
- Rust-Formatierer
- Scala-Formatierer
- Shell-Skript-Formatierer
- SQL-Formatierer
- SVG-Formatierer
- Swift-Formatierer
- TOML-Formatierer
- Typescript Formatter
- XML-Formatierer
- YAML-Formatierer
- Yarn-Formatierer
- CSS-Minifizierer
- Html Minifier
- Javascript Minifier
- JSON-Minifizierer
- XML-Minifizierer
- HTTP-Header-Betrachter
- PDF zu Text
- Regex-Tester
- SERP-Rang-Prüfer
- Whois-Abfrage