Wandle jedes Bild in eine Base64-kodierte Data-URL um, damit du es direkt in HTML, CSS oder JavaScript einbetten kannst, ohne einen separaten Dateiverweis zu benötigen. Base64-Bilder sind nützlich für E-Mail-Vorlagen, Inline-SVG-Styles, Data-URIs in Stylesheets und Situationen, in denen du Dateien nicht extern hosten kannst. Die Ausgabe ist eine Textdatei mit der vollständigen Data-URL-Zeichenkette, bereit zum Kopieren und Einfügen.
Dateien hier ablegen
oder zum Hochladen durchsuchen · aus Zwischenablage einfügen
Bis zu 10.0 MB pro Datei
Lade dein Bild hoch
Lege ein JPEG-, PNG-, WebP- oder AVIF-Bild ab (max. 10 MB — Base64-Strings werden schnell groß). Das Tool liest die rohen Datei-Bytes ohne Neukodierung.
Klicke auf Konvertieren
Die Bild-Bytes werden in einen Base64-String umgewandelt und in eine Data-URL mit dem passenden MIME-Type-Präfix eingebettet (z. B. data:image/jpeg;base64,...).
Lade die Textdatei herunter
Die Ausgabe ist eine .txt-Datei mit der vollständigen Data-URL. Öffne sie in einem beliebigen Texteditor und kopiere dann den String.
In deinem Code verwenden
Füge die Data-URL direkt in ein img-src-Attribut, eine CSS-background-image-Eigenschaft oder einen JavaScript-String ein. Kein separates Bild-Hosting nötig.
Eine Base64-Data-URL ist eine Möglichkeit, Binärdaten (wie ein Bild) direkt in einer Textzeichenkette einzubetten. Das Format lautet: data:[mime-type];base64,[kodierte-daten]. Damit können Bilder direkt in HTML, CSS und JavaScript verwendet werden, ohne eine separate Datei über das Netzwerk zu laden. Ein JPEG-Bild wird zu einem sehr langen String, der mit data:image/jpeg;base64,/9j/4AAQ... beginnt.
Verwende Base64, wenn du Bilder in HTML-E-Mail-Vorlagen einbetten musst (wo externe URLs blockiert sein können), in einzelnen HTML-Dateien, in SVG-Dateien oder in JavaScript-generierten Inhalten. Vermeide Base64 für große Bilder auf öffentlichen Websites — es vergrößert die HTML-/CSS-Dateigröße um ca. 33 %, blockiert das Parsing und kann nicht separat von der Seite gecacht werden.
Base64-Kodierung stellt jeweils 3 Bytes Binärdaten als 4 ASCII-Zeichen dar — ein Overhead von 33 %. Ein 100-KB-JPEG wird zu einem ca. 133 KB großen Base64-String. Das ist der grundlegende Kompromiss von Base64: Binärdaten werden als Text darstellbar, aber auf Kosten der Größe. Bei großen Bildern ist dieser Overhead erheblich.
Wir begrenzen die Eingabe auf 10 MB. Der resultierende Base64-String wird ca. 13,3 MB groß. Browser kommen mit großen Strings gut zurecht, aber das Einbetten in HTML/CSS kann das Rendern der Seite erheblich verlangsamen. Für den Web-Einsatz solltest du eingebettete Bilder unter 10–20 KB halten. Größere Bilder sollten als separate Dateien bereitgestellt werden.
Ja: <img src="data:image/jpeg;base64,/9j/4AAQ..." alt="Mein Bild">. Der Browser dekodiert den Base64-String und zeigt das Bild ohne Netzwerkanfrage an. Das funktioniert in allen modernen Browsern für JPEG-, PNG-, GIF-, WebP- und SVG-Formate.
Funktioniert etwas nicht? Fehler melden
