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

FIRE-Rechner 2026 (Inflationsbereinigt) | Altersvorsorge-Lücken-Simulator

Der FIRE-Rechner 2026 mit Inflationsbereinigung. Simulieren Sie die reale Kaufkraft, analysieren Sie Vorsorgelücken und erstellen Sie Ihren finanziellen Fahrplan. Exportieren Sie Daten per Klick als CSV für Excel oder Notion. 100 % privat, lokale Berechnung im Browser.

Positionsgrößen-Rechner - Risikobasiertes Trading-Positionsmanagement

Berechnen Sie die Trading-Positionsgröße aus Kontostand, Risiko %, Einstiegspreis und Stop-Loss. Läuft lokal in Ihrem Browser und ermöglicht den Vergleich verschiedener Risikoszenarien vor dem Trade.

Zinseszins-Rechner | Kostenlose Sparplan-Rendite & Zuwachsgrafik

Berechnen Sie den Zinseszins aus Anfangskapital, regelmäßigen Beiträgen, jährlicher Rendite (APY) und Laufzeit. Visualisieren Sie Kapital, Zinsen und Endguthaben mit einem lokalen interaktiven Diagramm.

Online-Kreditrechner - Tilgungsplan & Zinsrechner (Annuität & Ratentilgung)

Nutzen Sie diesen Kreditrechner / Tilgungsrechner, um die monatliche Rate, die Zinsen und den Tilgungsplan lokal zu berechnen. Geben Sie Kreditsumme, Zinssatz und Laufzeit ein, um sofort Ergebnisse und Diagramme zu sehen.

Online-Investment- & ROI-Rechner - Zinseszins-Visualisierung

Nutzen Sie diesen Investment-Rechner / ROI-Rechner, um Anfangskapital, monatliche Sparraten, jährliche Rendite und inflationsbereinigte Ergebnisse lokal zu schätzen. Visualisieren Sie prognostizierte Renditen mit einem Zinseszins-Diagramm, ROI und einem Jahresplan.

APR-zu-APY-Rechner - Nominal- & Effektivzins umrechnen

Nutzen Sie diesen APR-zu-APY-Rechner, um APR und APY lokal umzurechnen. Geben Sie einen Zinssatz ein, wählen Sie die Zinsperioden und sehen Sie sofort den effektiven Jahreszins, die Differenz und den Häufigkeitsvergleich.

Gewinnspannen-Rechner - Spanne vs. Aufschlag umrechnen

Nutzen Sie diesen Gewinnspannen-Rechner, um Bruttogewinn, Aufschlag (Markup), Marge (Margin) und Verkaufspreis lokal zu berechnen. Geben Sie Kosten und Preis oder Kosten und Zielmarge ein, um Ihre Margen sofort zu berechnen.

CPM- & CPC-Rechner - Werbeausgaben und CTR Online-Tool

Nutzen Sie diesen CPM- und CPC-Rechner, um Werbeausgaben, Impressionen, Klicks, CPM, CPC und CTR lokal zu berechnen. Geben Sie Budget und Zielkosten ein, um Kampagnenszenarien sofort zu planen.

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.