Base64-Bild-Encoder & -Decoder - Data URL + CSS-Generator

Base64-Bild-Encoder/Decoder: Konvertieren Sie Dateien in Data-URLs, decodieren Sie Strings zurück in Downloads und kopieren Sie CSS-Background-Code – WebP-Unterstützung, lokal & datenschutzfreundlich.

Ziehen Sie Dateien hierher oder klicken Sie zum Auswählen

Sie können auch Base64-Text oder eine Datei direkt einfügen

Bedienungsanleitung

  1. Wählen Sie Datei → Base64 und ziehen Sie Ihre Dateien per Drag-and-Drop in den Bereich oder klicken Sie darauf.
  2. Kopieren Sie die Base64-Ausgabe oder das CSS-Snippet.
  3. Wechseln Sie zu Base64 → Datei, fügen Sie den String ein und laden Sie die wiederhergestellte Datei herunter.

Kernfunktionen

  • Dateien codieren: Konvertieren Sie Dateien per Drag-and-Drop in Base64-Data-URLs.
  • Base64 decodieren: Stellen Sie Base64-Strings als herunterladbare Dateien wieder her.
  • WebP-Unterstützung: Kompatibel mit modernen Bildformaten zur Performance-Optimierung.
  • Stapelverarbeitung: Verarbeiten Sie mehrere Dateien gleichzeitig und kopieren Sie die Ergebnisse einzeln.
  • CSS-Code generieren: Erstellen Sie sofort kopierfertige background-image: url('data:...')-Snippets.
  • Datenschutz: Lokale Offline-Verarbeitung – keine Datei- oder Text-Uploads.

Verwandte Tools

Base64-zu-Bild-Konverter - Lokale Vorschau

Decodieren Sie Base64- oder Data-URI-Bilder direkt im Browser, nutzen Sie die Sofortvorschau und laden Sie diese im Originalformat, als PNG, JPG oder WebP herunter.

Bilder-in-Base64-Konverter - Data-URIs lokal generieren

Kostenloser Online-Bilder-in-Base64-Konverter. Codieren Sie PNG-, JPG-, SVG-, WebP- oder GIF-Bilder lokal in Data-URIs für CSS-Hintergründe und HTML-img-Tags – ganz ohne Uploads.

Sicherer JSON-Formatter & -Validator - Lokale Typgenerierung

Sicherer JSON-Formatter: JSON-Dokumente lokal im Browser formatieren, validieren und korrigieren. Bequemes Pretty-Print/Minify, Fehlerhervorhebung, TypeScript- oder Zod-Generierung, Konvertierung in XML.

Kostenloser JSONPath-Tester & -Evaluator | Echtzeit-Abfragen

Kostenloser JSONPath-Tester und Evaluator für API-JSON. Extrahieren Sie passende Knoten in Echtzeit, prüfen Sie Pfade und kopieren Sie JSON-Ergebnisse lokal im Browser.

JSON-zu-CSV-Konverter - Lokaler Tabellenexport

Konvertieren Sie JSON-Objekte oder -Arrays lokal im Browser in CSV-Dateien. Bringen Sie verschachtelte Felder in eine flache Struktur, nutzen Sie die Vorschau und kopieren oder laden Sie CSV-Daten herunter.

CSV-zu-JSON-Konverter - Lokaler Echtzeit-Parser

Konvertieren Sie CSV-Texte oder -Dateien lokal im Browser in JSON-Arrays. Unterstützt Kopfzeilen, Komma-/Semikolon-/Tab-Trennzeichen, Drag-and-Drop, Kopieren und Downloads ohne Server-Uploads.

JSON-Diff-Checker - Lokaler semantischer Vergleich

Vergleichen Sie zwei JSON-Dokumente lokal in Ihrem Browser. Sortieren Sie Objektschlüssel für einen semantischen Diff, ignorieren Sie die Reihenfolge der Schlüssel und markieren Sie hinzugefügte, gelöschte und geänderte Felder ohne Server-Uploads.

JSON-Minifier & -Kompressor

Komprimieren Sie formatiertes JSON in eine einzige Zeile. Entfernen Sie Einrückungen, Zeilenumbrüche sowie überflüssige Leerzeichen und vergleichen Sie Dateigrößen in Echtzeit.

Berechnungslogik

  • Data-URLs folgen der Struktur: data:[<mediatype>][;base64],<data>.
  • Die Datei wird asynchron mittels FileReader eingelesen, um die Benutzeroberfläche nicht zu blockieren.
  • Die MIME-Typ-Erkennung sorgt für das richtige Präfix und die korrekte Dateiendung.

Häufig gestellte Fragen

  • Ist dieses Tool kostenlos?
    • Ja, die Nutzung ist völlig kostenlos.
  • Werden meine Dateien oder Base64-Texte hochgeladen?
    • Nein. Die gesamte Verarbeitung findet lokal in Ihrem Webbrowser statt.
  • Wie verwende ich ein Base64-Bild als CSS-Hintergrund?
    • Laden Sie ein Bild hoch und klicken Sie auf „CSS-Background kopieren“, um den fertigen CSS-Code zu erhalten.
  • Warum vergrößert Base64 die Dateigröße? (Technische Details)
    • Base64 codiert 3 Byte in 4 Zeichen, was zu einem Overhead von etwa 33 % führt. Daher eignet es sich am besten für kleine Dateien oder Inline-Ressourcen.
  • Kann ich WebP-Bilder in Base64 konvertieren?
    • Ja, WebP und andere moderne Bildformate werden vollständig unterstützt.