Wie wandle ich ein Bild in einen Base64-Data-URI um?

Ziehe oder wähle ein Bild auf der Base64-Seite von img-tools, um sofort dessen Base64-data:-URI zu erhalten, und klicke dann auf „Kopieren“, um ihn in dein CSS oder HTML einzufügen. Für die umgekehrte Richtung fügst du eine data:image/...;base64,...-Zeichenkette in das Dekodier-Feld ein und klickst auf „Dekodieren & herunterladen“, um die Datei zu speichern. Es ist kostenlos und läuft komplett in deinem Browser über Canvas, sodass deine Bilder niemals hochgeladen werden.

Werden Dateien auf einen Server hochgeladen?

Nein. Kodieren und Dekodieren laufen beide vollständig in deinem Browser; deine Dateien verlassen nie dein Gerät.

Was ist ein Data-URI?

Ein data:-URI bettet eine Datei inline als Text (Base64) ein, sodass du ein Bild direkt in CSS oder HTML einfügen kannst, ohne eine separate Anfrage.

Wann sollte ich ein Bild als Base64 einbetten?

Für kleine Bilder (Icons, winzige Hintergründe), um eine Anfrage zu sparen. Große Bilder sind besser als normale Dateien — Base64 ist ~33 % größer als die Binärdatei.

Kann ich einen Data-URI zurück in eine Datei dekodieren?

Ja. Füge den data:-URI ein und klicke auf Dekodieren & herunterladen; die Originalbytes werden lokal rekonstruiert.

Ist der Base64-Data-URI-Konverter kostenlos?

Ja, das Kodieren von Bildern in Base64-Data-URIs und das Dekodieren von Data-URIs zurück in Dateien ist dauerhaft kostenlos — kein Konto, keine versteckten Gebühren, kein Dateilimit. Die Seite ist werbefinanziert und nutzt Cookies für Werbung. Deine Dateien werden niemals hochgeladen, da Kodierung und Dekodierung vollständig in deinem Browser ablaufen.

Funktioniert es offline?

Ja. Das Tool läuft lokal mit Browser-APIs und benötigt keine Serververbindung.

Bild ⇄ Base64-Data-URI

Dies ist ein kostenloses Browser-Tool, um ein Bild in einen Base64-data:-URI umzuwandeln (zum Einbetten in CSS/HTML) und einen data:-URI zurück in eine herunterladbare Datei zu dekodieren. Alles läuft auf deinem Gerät; deine Dateien werden nie hochgeladen.

Bilder in Base64 kodieren und Data-URIs dekodieren — kostenlos, ohne Upload.

100 % kostenlos — für immer. Niemals Gebühren.
Privat: Dateien werden lokal in deinem Browser verarbeitet und niemals an einen Server übermittelt.
Kein Upload, kein Konto, keine Registrierung.

Tool öffnen
Rufe die Seite „Base64 / Data-URI“ auf. Keine Anmeldung, keine Installation, kein Upload nötig.
Bild kodieren
Lege ein Bild ab oder wähle eines, um seinen Base64-data:-URI zu erhalten, dann klicke auf Kopieren, um ihn in CSS oder HTML zu verwenden.
Oder einen Data-URI dekodieren
Füge einen data:image/...;base64,...-String in das Dekodier-Feld ein.
Datei herunterladen
Klicke auf Dekodieren & herunterladen, um das dekodierte Bild zu speichern (und eine Vorschau zu sehen).

Wie wandle ich ein Bild in einen Base64-Data-URI um?: Ziehe oder wähle ein Bild auf der Base64-Seite von img-tools, um sofort dessen Base64-data:-URI zu erhalten, und klicke dann auf „Kopieren“, um ihn in dein CSS oder HTML einzufügen. Für die umgekehrte Richtung fügst du eine data:image/...;base64,...-Zeichenkette in das Dekodier-Feld ein und klickst auf „Dekodieren & herunterladen“, um die Datei zu speichern. Es ist kostenlos und läuft komplett in deinem Browser über Canvas, sodass deine Bilder niemals hochgeladen werden.
Werden Dateien auf einen Server hochgeladen?: Nein. Kodieren und Dekodieren laufen beide vollständig in deinem Browser; deine Dateien verlassen nie dein Gerät.
Was ist ein Data-URI?: Ein data:-URI bettet eine Datei inline als Text (Base64) ein, sodass du ein Bild direkt in CSS oder HTML einfügen kannst, ohne eine separate Anfrage.
Wann sollte ich ein Bild als Base64 einbetten?: Für kleine Bilder (Icons, winzige Hintergründe), um eine Anfrage zu sparen. Große Bilder sind besser als normale Dateien — Base64 ist ~33 % größer als die Binärdatei.
Kann ich einen Data-URI zurück in eine Datei dekodieren?: Ja. Füge den data:-URI ein und klicke auf Dekodieren & herunterladen; die Originalbytes werden lokal rekonstruiert.
Ist der Base64-Data-URI-Konverter kostenlos?: Ja, das Kodieren von Bildern in Base64-Data-URIs und das Dekodieren von Data-URIs zurück in Dateien ist dauerhaft kostenlos — kein Konto, keine versteckten Gebühren, kein Dateilimit. Die Seite ist werbefinanziert und nutzt Cookies für Werbung. Deine Dateien werden niemals hochgeladen, da Kodierung und Dekodierung vollständig in deinem Browser ablaufen.
Funktioniert es offline?: Ja. Das Tool läuft lokal mit Browser-APIs und benötigt keine Serververbindung.

Ein data:-URI (RFC 2397) bettet Dateiinhalt inline ein; mit ;base64 ist die Nutzlast Base64-kodiert.
Base64-Kodierung stellt 3 Bytes als 4 ASCII-Zeichen dar, wodurch der Text etwa 33 % größer ist als die Originalbinärdatei.
Das Einbetten kleiner Bilder als Data-URIs entfernt eine HTTP-Anfrage, was den ersten Seitenaufbau für winzige Assets beschleunigen kann.
Das lokale Kodieren hält die Datei auf deinem Gerät — kein Upload, und es funktioniert offline.
Base64 nutzt ein 64-Zeichen-Alphabet (A–Z, a–z, 0–9, +, /) mit =-Auffüllung.

🧬 Bild ⇄ Base64-Data-URI

Bild ⇄ Base64-Data-URI