Bild in Base64 umwandeln
Bild auswählen und als Base64-Text, Data-URI, HTML-Tag oder CSS-Code kopieren. Ohne Upload.
So wandelst du ein Bild in Base64 um
Wähle ein Bild aus oder ziehe es in die Fläche. Das Tool zeigt die Data-URI und bietet vier Kopierknöpfe: die vollständige Data-URI (mit Typ), nur den Base64-Anteil, einen fertigen HTML-img-Tag und eine CSS-Zeile für background-image.
Wann sich eingebettete Bilder lohnen
Mit einer Data-URI steckt das Bild direkt im Text einer Webseite, einer CSS-Datei oder einer E-Mail. Der Browser muss keine zusätzliche Datei laden. Das lohnt sich bei sehr kleinen Grafiken wie Icons oder Platzhaltern bis etwa 10 KB.
Base64 vergrößert die Daten um rund ein Drittel, und eingebettete Bilder lassen sich nicht separat zwischenspeichern. Größere Bilder bindest du deshalb besser als normale Datei ein.
Aufbau einer Data-URI
Sie beginnt mit data:, gefolgt vom Dateityp, dem Hinweis base64 und den Daten, zum Beispiel data:image/png;base64,iVBORw0KGgo… . Alles nach dem Komma ist das Bild als Base64-Text.
Deine Datei bleibt auf deinem Gerät
Viele Online-Konverter laden Dateien auf einen Server. Hier passiert alles in deinem Browser: Die Datei wird auf deinem Gerät gelesen, umgewandelt und als Download angeboten. Es wird nichts hochgeladen und nichts gespeichert, das ist schneller und sicherer für Verträge, Ausweise oder private Fotos.
Fragen und Antworten
Welche Bildformate gehen?
Jedes Bild, das dein Browser kennt, zum Beispiel JPG, PNG, WebP, GIF und SVG.
Warum ist der Base64-Text länger als die Datei?
Base64 stellt je drei Bytes mit vier Zeichen dar. Die Daten werden dadurch rund 33 Prozent größer.
Wie nutze ich die Data-URI in HTML?
Setze sie als src eines img-Tags ein: <img src="data:image/png;base64,…" alt="">. Der Tag wird vom Tool fertig erzeugt.
Kann ich Base64 wieder in ein Bild zurückwandeln?
Ja, indem du die Data-URI in die Adresszeile des Browsers einfügst und das Bild speicherst, oder mit einem Konverter, der Base64 liest.
Wird mein Text gespeichert oder übertragen?
Nein. Die Verarbeitung läuft vollständig in deinem Browser. Dein Text verlässt dein Gerät nicht.