Base64 Encoder/Decoder: Binärdaten-Kodierung leicht gemacht

Features:

• • RFC 4648-konforme Kodierung
• • Verwendet A-Z, a-z, 0-9, +, / Zeichensatz
• • Automatisches Padding mit =-Zeichen
• • Kompatibel mit den meisten Systemen und Bibliotheken

Features:

• • Sicher für die Verwendung in URLs ohne Kodierung
• • Kompatibel mit Dateisystemnamen
• • Ersetzt + durch - und / durch _
• • Optionales Entfernen von Padding für sauberere URLs

Features:

• • Entfernt nachgestellte =-Zeichen
• • Kürzere kodierte Strings
• • Nützlich für Token und Identifikatoren
• • Dennoch dekodierbar von den meisten Systemen

Features:

• • Konfigurierbare Zeilenlänge (typischerweise 64 oder 76 Zeichen)
• • MIME-konforme Formatierung
• • Kompatibel mit E-Mail-Standards
• • Verwendet in PEM-Zertifikaten und Schlüsseln

Features:

• • Multipart-Datei-Upload-Unterstützung
• • Rohe Binärdaten im Request-Body
• • Automatische MIME-Typ-Erkennung
• • Unterstützung für Dateien bis zu 50MB

Supported Formats:

• • Bilder: JPG, PNG, GIF, WebP, SVG
• • Dokumente: PDF, DOC, XLS, TXT
• • Audio: MP3, WAV, FLAC, AAC
• • Video: MP4, WebM, AVI, MOV
• • Archive: ZIP, TAR, GZ, RAR

Features:

• • Generiert Data-URI-Format (data:image/png;base64,...)
• • Automatische MIME-Typ-Erkennung
• • Perfekt für Inline-Bild-Einbettung
• • Reduziert HTTP-Requests in Webanwendungen

Use Cases:

• • Bilder in HTML-E-Mails einbetten
• • Icons in CSS-Stylesheets einbinden
• • Kleine Bilder in JSON-APIs speichern
• • Inline-SVG-Grafiken generieren

Advantages:

• • Einfache JSON-Request-Struktur
• • Kein Multipart-Parsing erforderlich
• • Funktioniert mit allen HTTP-Clients
• • Einfaches Einbinden von Metadaten neben der Datei

Datei als JSON hochladen

Dateien als Base64-String im JSON-Payload senden

blogBase64.useCases.fileUploads.example.code

Advantages:

• • Eliminiert separate Bild-Requests
• • Reduziert Latenz für kleine Bilder
• • Vereinfacht Deployment (keine separaten Bilddateien)
• • Perfekt für E-Mails und Offline-HTML

Data-URI in HTML

Bild direkt im img-Tag einbetten

blogBase64.useCases.imageEmbedding.example.code

Best For:

• • Icons und kleine Grafiken (< 50KB)
• • HTML-E-Mail-Kampagnen
• • Offline-HTML-Anwendungen
• • Reduzierung initialer Seitenlade-Requests

How it Works:

1. 1. Benutzername und Passwort mit Doppelpunkt verketten: "user:password"
2. 2. String in Base64 kodieren
3. 3. Zum Authorization-Header hinzufügen: "Basic <base64string>"
4. 4. Server dekodiert und verifiziert Credentials

Basic-Auth-Header

Credentials für HTTP-Basic-Authentifizierung kodieren

# Eingabe: username=admin, password=geheim123
# Verkettet: admin:geheim123
# Base64 kodiert: YWRtaW46Z2VoZWltMTIz

Authorization: Basic YWRtaW46Z2VoZWltMTIz

MIME Structure:

• • E-Mail-Body verwendet quoted-printable oder 7-bit ASCII
• • Anhänge in Base64 kodiert
• • Mehrzeiliges Format (76 Zeichen pro Zeile)
• • Content-Type- und Content-Transfer-Encoding-Header

MIME-Anhang

Base64-kodierte Datei in E-Mail-MIME-Struktur

Content-Type: application/pdf; name="rechnung.pdf"
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="rechnung.pdf"

JVBERi0xLjQKJeLjz9MK...
(base64 setzt sich fort)

Code:

blogBase64.implementation.example1.code

Explanation:

Dieses Beispiel demonstriert einfache Text-Kodierung. Die API akzeptiert einen String-Input und gibt das Base64-kodierte Ergebnis zurück. Verwenden Sie 'standard'-Modus für allgemeine Zwecke oder 'urlsafe' für URL-kompatible Kodierung.

Code:

blogBase64.implementation.example2.code

Explanation:

Dekodierung konvertiert Base64-Strings zurück in ihr Originalformat. Geben Sie 'text' für Text-Inhalte oder 'binary' für Dateidaten an. Die API erkennt und verarbeitet automatisch sowohl Standard- als auch URL-sichere Base64-Varianten.

Code:

blogBase64.implementation.example3.code

Explanation:

Dieses Beispiel zeigt Datei-Upload und Kodierung als Data-URI. Die API erkennt automatisch den MIME-Typ und formatiert die Ausgabe als vollständige Data-URI, bereit für HTML-Einbettung. Perfekt für E-Mail-Templates und Offline-HTML.

Code:

blogBase64.implementation.urlSafeExample.code

Explanation:

URL-sichere Kodierung ohne Padding erstellt saubere Token, perfekt für URLs, Dateinamen und HTTP-Header. Die - und _ Zeichen erfordern keine Prozent-Kodierung, was URLs lesbarer macht.

Implementation Steps:

1. 1. Mobile App erfasst Foto (Kamera oder Galerie)
2. 2. Bild auf dem Gerät auf maximal 2MB komprimiert
3. 3. AppHighway Base64-Tool mit URL-sicherer Kodierung aufgerufen
4. 4. Kodierter String im JSON-Payload an Backend gesendet
5. 5. Backend dekodiert und speichert in Objekt-Storage