Base64-Datei-Konverter

Codiere jede Datei oder jedes Bild in eine Base64-Daten-URI und decodiere eine Daten-URI zurück in eine herunterladbare Datei.

Tool wird geladen…

Base64-Datei-Konverter — Verwandle jede Datei oder jedes Bild in eine Base64-Daten-URI, die du direkt in CSS oder HTML einfügen kannst, und decodiere eine Daten-URI mit einem einzigen Download-Klick wieder in die Originaldatei. Alles läuft zu 100 % in deinem Browser mit FileReader und atob, sodass die Datei, die du ablegst, dein Gerät nie verlässt und nie auf einen Server hochgeladen wird.

Was ist Base64-Datei-Konverter?

Der Base64-Datei-Konverter ist ein kostenloses Tool im Browser, das zwischen Binärdateien und Base64-Daten-URIs konvertiert. Webentwickler nutzen es, um kleine Bilder, Schriftarten oder Icons direkt in Stylesheets und Markup einzubetten und so eine zusätzliche Netzwerkanfrage zu sparen; QA-Teams und Support-Mitarbeiter verwenden die Decodierseite, um eine Datei wiederherzustellen, die ihnen als lange Daten-URI zugesandt wurde. Nutze Codieren, um eine Datei abzulegen und ihre Daten-URI zu kopieren (optional vorab als CSS-background-image-Regel oder als HTML-img-Tag umschlossen), und nutze Decodieren, um eine Daten-URI einzufügen und die wiederhergestellte Datei herunterzuladen. Bildeingaben und decodierte Bilder zeigen eine Vorschau, die du zum Vergrößern anklicken kannst.

So verwendest du Base64-Datei-Konverter

  1. Wähle oben mit dem Codieren-/Decodieren-Schalter einen Modus.
  2. Zum Codieren legst du eine Datei (oder ein Bild) im Upload-Bereich ab oder wählst sie aus; ihre Base64-Daten-URI erscheint sofort im Ausgabefeld.
  3. Öffne die Einstellungen, um das Ausgabeformat zu wählen: eine rohe Daten-URI, eine CSS-background-image-Regel oder ein HTML-img-Tag.
  4. Drücke die Kopieren-Schaltfläche, um die Daten-URI in die Zwischenablage zu legen.
  5. Zum Decodieren wechselst du zu Decodieren und fügst eine Daten-URI in das Textfeld ein; eine Vorschau und Dateidetails erscheinen.
  6. Klicke auf die Download-Schaltfläche, um die wiederhergestellte Datei auf deinem Gerät zu speichern.

Beispiele

Ein kleines PNG-Icon in CSS einbetten

Codiermodus: Lege ein 2 KB großes icon.png ab, stelle das Format auf CSS und kopiere die Regel background-image: url("data:image/png;base64,…") direkt in dein Stylesheet.

Eine als Daten-URI erhaltene Datei wiederherstellen

Decodiermodus: Füge eine Zeichenfolge data:application/pdf;base64,… ein und klicke auf Download, um report.pdf ohne jeglichen Serverumweg zurückzubekommen.

Ein Base64-Bild vor der Verwendung vorab ansehen

Decodiermodus: Füge eine Zeichenfolge data:image/jpeg;base64,… ein, und das Bild wird im Vorschaubereich gerendert, den du anklicken kannst, um es in der Lightbox in voller Größe zu betrachten.

Häufig gestellte Fragen

Welche Arten von Dateien kann ich codieren?
Jede Datei funktioniert: Bilder, PDFs, Schriftarten, Archive, JSON, reiner Text und mehr. Das Tool liest die Datei mit dem FileReader des Browsers und erzeugt eine Base64-Daten-URI, die den korrekten MIME-Typ enthält.
Warum ist die Base64-Ausgabe größer als meine Datei?
Base64 codiert 3 Datenbytes in 4 Zeichen, sodass eine Daten-URI etwa 33 % größer ist als die Originaldatei. Dieser Kompromiss ist normal und der Preis dafür, Binärdaten als Text einzubetten.
Welchen Dateinamen erhalte ich beim Decodieren?
Das Tool liest den MIME-Typ aus der Daten-URI und benennt den Download entsprechend, etwa decoded.png oder decoded.pdf. Ist der Typ unbekannt, greift es auf die Endung .bin zurück.
Kann es eine reine Base64-Zeichenfolge ohne das Präfix data: decodieren?
Ja. Wenn du eine reine Base64-Nutzlast ohne data:-Header einfügst, wird sie als generische Binärdatei (application/octet-stream) decodiert und als .bin-Download angeboten.
Wird meine Datei irgendwohin hochgeladen?
Nein. Codieren und Decodieren laufen beide vollständig clientseitig in deinem Browser; nichts wird hochgeladen und kein Server kontaktiert, sodass deine Dateien privat auf deinem Gerät bleiben.

Verwandte Tools

Seitenverhältnis-Rechner

Gib eine Breite oder Höhe mit einem Ziel-Seitenverhältnis ein und erhalte sofort die passende Abmessung sowie das gekürzte Verhältnis.

Zahlenbasis-Konverter

Wandelt Zahlen zwischen Binär, Oktal, Dezimal und Hexadezimal um.

BMI-Rechner

Berechne deinen Body-Mass-Index aus Größe und Gewicht in metrischen oder imperialen Einheiten und sieh sofort die passende WHO-Gewichtskategorie.

CSS-Einheiten-Konverter

Wandelt eine CSS-Länge zwischen px, rem, em, pt, %, vw und vh um.