🌐 DE

🔐 Base64-Konverter

Kodieren Sie Text und Dateien in Base64 oder dekodieren Sie Base64-Zeichenfolgen. Nützlich für die Einbettung von Bildern, die API-Kommunikation und die Datenübertragung.

RATGEBER

Mehr erfahren

01

1. Was ist Base64-Kodierung?

Base64 ist ein Kodierungsschema, das Binärdaten in ASCII-Textzeichenfolgen umwandelt. Es verwendet nur 64 sichere Zeichen (A-Z, a-z, 0-9, +, /), um sämtliche Binärdaten darzustellen. Es wird eingesetzt, wenn Binärdaten in reinen Textumgebungen wie E-Mail-Anhängen, JSON-Daten und URLs übertragen werden müssen. Dabei werden 3 Byte Daten in 4 Byte Zeichen umgewandelt, was die Größe um etwa 33 % erhöht. Das Zeichen = dient als Padding gemäß dem Standard RFC 4648.

02

2. Wann sollte man Base64 verwenden?

Base64 kommt in vielen Situationen zum Einsatz. In der Webentwicklung werden kleine Bilder direkt in HTML/CSS eingebettet, um HTTP-Anfragen zu reduzieren. E-Mail-Systeme (MIME) wandeln Anhänge zur Übertragung in Text um. JSON-APIs nutzen es, um Binärdaten sicher zu übertragen. Es wird auch verwendet, um Bilder oder Dateien in Datenbanken zu speichern. Ebenso dient es dazu, komplexe Daten als URL-Parameter zu übergeben, und wird bei Authentifizierungstoken (JWT) eingesetzt.

03

3. Base64 in der Webentwicklung

Base64 ist in der Webentwicklung äußerst nützlich. Die direkte Einbettung von Bildern über CSS-Data-URIs verbessert die Ladegeschwindigkeit ohne zusätzliche HTTP-Anfragen. Beispiel: background-image: url(data:image/png;base64,iVBORw0KG...). Dies wird jedoch nur für kleine Bilder unter 10 KB empfohlen; große Dateien lassen sich nicht zwischenspeichern und sind in Wirklichkeit langsamer. Geeignet für kleine Bilder wie Favicons, Logos und Icons. In HTML5-Canvas lassen sich Bilder erzeugen und mit toDataURL() für den Download oder Upload in Base64 umwandeln.

04

4. Kodierung vs. Verschlüsselung

Base64 ist eine Kodierung, keine Verschlüsselung. Die Kodierung wandelt Daten in ein anderes Format um, das jeder problemlos in das Original zurückverwandeln kann. Sie dient der Kompatibilität und der Stabilität der Übertragung, nicht der Sicherheit. Verschlüsselung hingegen schützt Daten so, dass sie ohne Schlüssel nicht entschlüsselt werden können. Base64-kodierte Daten bieten keinerlei Sicherheit, weshalb sensible Informationen (Passwörter, personenbezogene Daten) niemals nur mit Base64 kodiert werden sollten. Wird Sicherheit benötigt, zuerst verschlüsseln (AES, RSA) und anschließend mit Base64 kodieren.

05

5. Optimierung der Bildeinbettung

Die Einbettung von Bildern über Base64 hat Vor- und Nachteile. Vorteile: weniger HTTP-Anfragen beschleunigen das anfängliche Laden, und die Dateiverwaltung wird einfacher. Nachteile: 33 % größere Datenmenge, keine Browser-Zwischenspeicherung, und CSS/HTML wird schwerer. Verwenden Sie diese Technik daher nur für Logos, Icons und kleine Hintergrundbilder (maximal 5-10 KB). Für große Bilder stellen Sie separate Dateien bereit und nutzen Sie ein CDN. Für wiederholt verwendete Bilder stellen Sie diese als Dateien bereit, um von der Zwischenspeicherung zu profitieren.

06

6. Base64 in APIs und bei der Datenübertragung

In REST-APIs wird Base64 häufig für das Hoch- und Herunterladen von Dateien genutzt. Da JSON textbasiert ist, kann es keine Binärdaten direkt enthalten, doch die Umwandlung in Base64 ermöglicht die Übertragung von Bildern oder Dokumenten innerhalb von JSON. Beispiel: {"image": "data:image/png;base64,iVBORw..."}. Bei großen Dateien ist jedoch die Verwendung von multipart/form-data effizienter. Auch GraphQL und WebSocket nutzen Base64 zur Übertragung von Binärdaten. Die Nutzlasten von JWT-Token werden ebenfalls in Base64 kodiert, wodurch sich der Inhalt durch Dekodierung überprüfen lässt.