Zum Hauptinhalt springen
Dateikonverter

Datei-zu-Base64-Data-URL-Konverter

Lesen Sie eine lokal ausgewählte Datei bytegenau und erstellen Sie eine kopierbare Data-URL mit dem vom Browser gemeldeten MIME-Typ und RFC-4648-Base64-Nutzwert. Perfekt für Entwickler, die Bilddaten, Fonts oder kleine Dateien direkt in CSS, HTML oder JSON einbetten möchten. Unterstützt alle gängigen Dateitypen mit sofortiger Vorschau.

Base64-Werkzeuge

Kurz erklärt

Wandeln Sie Dateien vollständig im Browser in data:[mime];base64,… um, erhalten Sie die Bytes und berücksichtigen Sie etwa ein Drittel Größenaufschlag sowie den MIME-Fallback.

Unterstützte Funktionen

  • Jede über den Dateidialog gewählte Datei, byteweise gelesen mit FileReader.readAsArrayBuffer.
  • RFC-4648-Base64 direkt aus dem ArrayBuffer statt aus dekodiertem Text.
  • RFC-2397-artige Data-URL mit File.type oder application/octet-stream als Fallback.
  • Einzeldatei, Dateiname, Lesefehler, Quellansicht und Kopie.
  • Binärsichere Übergabe kleiner Assets; keine Rückdekodierung oder Dateirekonstruktion.

Datei-zu-Base64-Data-URL-Konverter verwenden

Führen Sie einen überprüfbaren Datei-zu-Base64-Data-URL-Konverter-Ablauf in diesem Browser aus.

  1. 1

    Schritt 1

    Lokale Datei wählen

    Die genaue zu repräsentierende Datei im Browserdialog auswählen.

  2. 2

    Schritt 2

    Dateinamen bestätigen

    Nach dem Lesen erscheint der ausgewählte Name.

  3. 3

    Schritt 3

    Data-URL-Präfix prüfen

    MIME-Typ vor dem Komma kontrollieren; unbekannt wird application/octet-stream.

  4. 4

    Schritt 4

    Größenzuwachs einplanen

    Base64 benötigt ungefähr vier Zeichen je drei Bytes plus Präfix.

  5. 5

    Schritt 5

    Nur passend kopieren

    Nur an Empfänger übergeben, die Data-URLs und diese Größe ausdrücklich akzeptieren.

Häufige Fehler

Große Datei in HTML oder JSON einbetten

Folge: Expansion und Speicherkopien blähen Nutzlast und Rendering auf.

Lösung: Data-URLs nur für kleine Assets und sonst normale Datei-URLs verwenden.

File.type als Inhaltsprüfung verstehen

Folge: Der Wert kann fehlen oder vom Namen abhängen und beweist die Bytes nicht.

Lösung: Dateisignatur im Zielsystem prüfen.

Data-URL an ein Roh-Base64-Feld senden

Folge: Präfix und Komma führen zur Ablehnung.

Lösung: Vertrag prüfen und Präfix nur entfernen, wenn ausdrücklich nur der Nutzwert verlangt wird.

Bewährte Verfahren

  • Base64-Länge vor dem Einbetten aus der Quellgröße abschätzen.
  • MIME-Präfix und Nutzwert getrennt prüfen.
  • Originaldatei behalten und Data-URLs auf kleine Dateien beschränken.
  • Aus Base64 oder MIME niemals Sicherheit oder Echtheit ableiten.

Verbundene Abläufe

Browser-Einschränkungen

  • Datei, ArrayBuffer, Base64 und Data-URL können gleichzeitig im Speicher liegen; kein festes Größenlimit ist konfiguriert.
  • MIME-Werte unterscheiden sich nach Betriebssystem und Dateiname oder fallen auf application/octet-stream zurück.
  • Zwischenablage und Zielsysteme können sehr lange Strings begrenzen.

Verbindliche Quellen

RFC 4648: Base-N EncodingsHerausgeber: RFC Editor · Geprüft: 2026-07-26RFC 2397: The data URL schemeHerausgeber: RFC Editor · Geprüft: 2026-07-26File APIHerausgeber: W3C · Geprüft: 2026-07-26

Konkrete Beispiele

Eingabe
hello.txt mit Bytes 48 65 6c 6c 6f und Typ text/plain
Ergebnis
data:text/plain;base64,SGVsbG8=

Die fünf ASCII-Bytes ergeben Hello; RFC 4648 liefert SGVsbG8= und RFC 2397 stellt das text/plain-Präfix davor.

Häufig gestellte Fragen

Erhalte ich Roh-Base64?

Nein. Die Ausgabe ist eine vollständige Data-URL mit MIME, ;base64, und Nutzwert.

Sind Bilder, PDF, ZIP und Fonts möglich?

Ja, als Bytes und abhängig vom Speicher; die Formate werden nicht interpretiert oder validiert.

Warum erscheint application/octet-stream?

Der Browser meldete keinen Typ, daher wird der generische Binärtyp genutzt.

Warum ist das Ergebnis größer?

Base64 stellt drei Bytes mit vier Zeichen dar, zusätzlich zum Präfix.

Wird die Datei hochgeladen?

Nein. FileReader liest sie erst nach Ihrer Auswahl direkt im Tab.

Kann das Werkzeug eine Data-URL zurück in eine Datei wandeln?

Nein. Dafür ist ein binärer Dekodierer nötig.

Datenschutz und Offline-Verhalten

FileReader liest die gewählte Datei in diesen Tab; Browser-JavaScript wandelt sie ohne Upload um. Nach dem Cachen statischer Ressourcen ist Offline-Nutzung möglich. Datei und vergrößerte Zeichenfolge bleiben bis zum Löschen oder Schließen im flüchtigen Tab-Speicher.