Zum Hauptinhalt springen
Bethemesh
Bilder & Grafiken

Bild ⇄ Base64

Kodiere ein Bild als Base64 oder dekodiere Base64/Data URI direkt im Browser zu einem Bild.

Dieses Widget einbetten

Passe die Darstellung an, prüfe die Vorschau und kopiere anschließend den Code.

Vorschau

Art des Einbettungscodes

Zu kopierender Code

Responsive und automatisch von Bethemesh in der Größe angepasst.

  • 100 % lokal
  • Sofort
  • Kostenlos
  • Ohne Konto
  • Offline nutzbar
  • Zwischenablage

Ihre Dateien werden lokal in Ihrem Browser verarbeitet und niemals an unsere Server gesendet.

Datei hier ablegen

Empfohlene Größe: bis zu 25 MB

Vorschau

Base64 / Data URI

Warum dieses Tool verwenden?

Konvertieren Sie ein Bild direkt im Browser in Base64/Data URI oder erzeugen Sie aus einer Base64-Zeichenfolge wieder ein Bild, ohne Upload.

100 % lokal und sicher

Ihre Daten bleiben auf Ihrem Gerät und werden niemals an unsere Server gesendet.

Intelligente Verarbeitung

Bereiten Sie Bilder direkt im Browser vor und transformieren Sie sie ohne zusätzliche Software.

Unterstützte Formate

Gängige Bildformate mit den vom Tool angebotenen Exportoptionen.

Zeit sparen

Erhalten Sie in wenigen Sekunden ein sauberes, einsatzbereites Ergebnis – ohne Installation oder komplexe Konfiguration.

Fonctionnement

Wie funktioniert dieses Tool?

Das Werkzeug arbeitet in beide Richtungen. Beim Kodieren liest der Browser die Bilddatei und erstellt eine Data URI mit MIME-Typ und Base64-Daten, die direkt in Code oder Konfiguration kopiert werden kann. Beim Dekodieren können Sie eine vollständige Data URI oder rohes Base64 einfügen, bei Bedarf den MIME-Typ wählen, das rekonstruierte Ergebnis prüfen und als Bild herunterladen. Sämtliche Schritte werden lokal auf Ihrem Gerät ausgeführt.

Anwendungsfälle

Kleines Bild einbetten

Wandeln Sie ein Icon oder eine kleine Grafik in eine Data URI um, um sie direkt in HTML, CSS, Templates oder Konfigurationen zu verwenden.

Daten dekodieren

Prüfen Sie eine Base64-Zeichenfolge aus einer API, einem Export oder einer Konfiguration, bevor Sie sie wieder als Bild speichern.

Austausch debuggen

Kontrollieren Sie bei Entwicklung und Tests schnell, ob ein Base64-Payload oder eine Data URI das erwartete Bild erzeugt.

Guide

So verwenden Sie dieses Tool

  1. 1

    Richtung wählen

    Wechseln Sie je nach Aufgabe zwischen Bild → Base64 und Base64 → Bild.

  2. 2

    Quelle hinzufügen

    Laden Sie ein Bild oder fügen Sie Base64 beziehungsweise eine vollständige Data URI ein.

  3. 3

    Kopieren oder herunterladen

    Kopieren Sie den erzeugten Text oder laden Sie das dekodierte Bild herunter.

Tipps und bewährte Vorgehensweisen

  • Eine Data URI enthält bereits den MIME-Typ, rohes Base64 dagegen nicht.
  • Base64 vergrößert Daten gegenüber dem ursprünglichen Binärinhalt um ungefähr ein Drittel.
  • Sehr große Base64-Bilder sollten nicht direkt in Webseiten eingebettet werden, da sie das Dokument unnötig vergrößern.

Häufig gestellte Fragen

Was ist der Unterschied zwischen Base64 und Data URI?

Base64 stellt Binärdaten als Text dar. Eine Data URI ergänzt Metadaten wie MIME-Typ und data:-Präfix um diesen Inhalt.

Werden meine Bilder an einen Server gesendet?

Nein. Lesen, Kodieren, Dekodieren, Vorschau und Download erfolgen vollständig lokal in Ihrem Browser.

Kann ich Base64 ohne data:-Präfix dekodieren?

Ja. Fügen Sie das rohe Base64 ein und wählen Sie den passenden MIME-Typ, damit der Browser das Bild korrekt rekonstruieren kann.

War dieses Werkzeug hilfreich?

Empfohlener Workflow

Verarbeitung fortsetzen

Entdecke Werkzeuge, die sinnvoll vor, nach oder ergänzend zu diesem Werkzeug eingesetzt werden können.

Ergänzende Werkzeuge

Bilder & Grafiken

GIF aus Bildern erstellen

Kombiniere mehrere Bilder direkt im Browser zu einem animierten GIF.

100 % lokalNeu
Dieses Werkzeug verwenden
Bilder & Grafiken

Bild konvertieren und komprimieren

Konvertiere Bilder in PNG, JPEG oder WebP und passe die Ausgabequalität direkt im Browser an.

100 % lokalEmpfohlen
Dieses Werkzeug verwenden
Bilder & Grafiken

SVG in PNG umwandeln

Rendert SVG-Grafiken lokal als PNG-Dateien mit wählbaren Abmessungen.

100 % lokal
Dieses Werkzeug verwenden