Datei-zu-Base64-Konverter (mit data-URI-Unterstützung, in beide Richtungen)

Wandeln Sie eine beliebige Datei (Bild, PDF und mehr) in eine Base64-Zeichenkette oder data-URI um, oder decodieren Sie eine Base64-Zeichenkette / data-URI zurück in eine herunterladbare Datei. Alles läuft im Browser ab; Dateien werden niemals an einen Server gesendet.

Tipps

  • Der Modus Datei → Base64 akzeptiert jeden Dateityp – Bilder, PDFs, Audio und mehr – und lässt Sie sowohl die data-URI-Form als auch die reine Base64-Zeichenkette kopieren.
  • Im Modus Base64 → Datei fügen Sie einen vollständigen data-URI ein, der mit data: beginnt, und der MIME-Typ wird automatisch erkannt. Bei einer reinen Base64-Zeichenkette wählen Sie den MIME-Typ manuell aus.
  • Die gesamte Umwandlung läuft vollständig im JavaScript Ihres Browsers ab – der Dateiinhalt oder die Base64-Zeichenkette wird niemals an einen Server gesendet, was dies auch für sensible Dateien sicher macht.
  • Um ein kleines Symbol direkt in CSS oder HTML einzubetten, fügen Sie die data-URI-Ausgabe direkt in background-image: url(...) oder in das src-Attribut eines <img>-Tags ein.
  • Durch die Base64-Kodierung wird die Ausgabe etwa 33 % größer als die Originaldatei, sodass die Umwandlung sehr großer Dateien (mehrere zehn Megabyte oder mehr) den Browser spürbar verlangsamen kann.

Häufig gestellte Fragen

Base64 ist ein Kodierungsverfahren, das binäre Daten (Bilder, Audio, ausführbare Dateien oder jedes andere Format) mit nur 64 druckbaren ASCII-Zeichen darstellt: A–Z, a–z, 0–9, + und /. Es handelt sich nicht um Verschlüsselung, sondern lediglich um eine Möglichkeit, beliebige Bytes als sicheren, druckbaren Text darzustellen.

Eine data-URI bettet den Inhalt einer Datei direkt als Base64-kodierte Zeichenkette in eine URL ein, etwa data:image/png;base64,iVBOR.... Da sie auch den MIME-Typ enthält, können Sie sie direkt in das src-Attribut eines <img>-Tags oder in ein CSS-background-image einsetzen, um das Bild anzuzeigen.

Nein. Die Umwandlung dieses Tools (Kodierung und Dekodierung mittels FileReader und Blob) läuft vollständig als JavaScript in Ihrem Browser ab. Weder der Dateiinhalt noch die resultierende Base64-Zeichenkette werden jemals an einen Server gesendet.

Ja. Wenn der eingefügte Text keine vollständige data-URI ist, die mit data: beginnt, erscheint ein Auswahlmenü für den MIME-Typ – wählen Sie das ursprüngliche Dateiformat (Bild, PDF, Text usw.) manuell aus, bevor Sie herunterladen.

Base64 verpackt binäre Daten mit 8-Bit-Einheiten in 6-Bit-Zeichen um, sodass die kodierte Ausgabe etwa 4/3 der ursprünglichen Größe einnimmt – ein Zuwachs von rund 33 %. Dieser Mehraufwand ist eine unvermeidliche Eigenschaft der Funktionsweise von Base64.
ツールくん

Übrigens – Warum Base64 Dateien um 33 % vergrößert

Base64-Kodierung existiert, weil viele Übertragungskanäle – E-Mail, JSON, URLs – nur druckbaren ASCII-Text sicher transportieren können. Beliebige Binärdaten (wie ein Bild oder eine ausführbare Datei) unverändert zu senden, birgt das Risiko einer Beschädigung durch versehentliche Steuerzeichen. Deshalb wurde Base64 entwickelt, um beliebige Binärdaten mit nur 64 druckbaren Zeichen darzustellen: A–Z, a–z, 0–9, + und /.

Base64 zerlegt 3 Byte (24 Bit) Binärdaten in vier 6-Bit-Blöcke und ordnet jedem Block ein Base64-Zeichen zu. Das Umverpacken von 8-Bit-Binärdaten in 6-Bit-Zeichen führt dazu, dass die kodierte Ausgabe am Ende etwa 4/3 der Originalgröße einnimmt – ein Zuwachs von rund 33 %. Dieser Größenzuwachs ist der Preis für einen textsicheren Transport.

Genau dieser Trick wird bei data-URIs genutzt, die kleine Bilder direkt in HTML oder CSS als data:image/png;base64,... einbetten. So wird eine zusätzliche HTTP-Anfrage für winzige Assets wie Symbole vermieden, was das Laden der Seite beschleunigen kann. Der Größenzuwachs von rund 33 % und der Verlust des Browser-Caches machen diesen Ansatz jedoch für große Bilddateien wenig geeignet.

Weitere Tools in dieser Kategorie