Daten-URI-Ausgabe
Vollständiger Base64-Daten-URI-String, der überall inline eingebettet werden kann.
100 % kostenlos · Privat · Keine Anmeldung
Bild-zu-Base64-Konverter
100% kostenlos – konvertieren Sie jedes JPG-, PNG- oder WebP-Bild in einen Base64-Daten-URI sofort. Kopieren Sie die Rohzeichenfolge, ein HTML-Tag, ein CSS-Hintergrundbild oder eine JavaScript-Variable – ideal für Entwickler, die Bilder inline einbetten. Nichts verlässt Ihren Browser.
Drop an image here
or click to browse
JPG, PNG & WebP · paste with Ctrl+V / ⌘V
Drei einfache Schritte
So konvertieren Sie ein Bild in Base64
Einmal hochladen, dann das gewünschte Format kopieren – ideal für HTML-E-Mails, Inline-CSS und kleine Assets.
-
1
Laden Sie Ihr Bild hoch
Ziehen Sie ein Bild per Drag-and-Drop, durchsuchen Sie es oder fügen Sie es aus Ihrer Zwischenablage ein.
-
2
Sehen Sie sich die codierte Ausgabe an
Das Tool generiert einen Base64-Daten-URI sowie HTML-, CSS- und JS-Snippets.
-
3
Kopieren und verwenden
Klicken Sie im gewünschten Format auf „Kopieren“ und fügen Sie es in Ihr Projekt ein.
Alles was Sie brauchen
Base64-Kodierung für Entwickler
Jedes Ausgabeformat, das Sie benötigen – von Rohdaten-URIs bis hin zu einfügbaren Codefragmenten.
HTML-Ausschnitt
Vorgefertigtes IMG-Tag mit dem codierten src-Attribut – in HTML einfügen oder per E-Mail versenden.
CSS-Ausschnitt
Hintergrundbild-Deklaration mit dem Daten-URI – in Stylesheets einfügen.
JavaScript-Ausschnitt
Zuweisung von Const-Variablen zur Verwendung in Skripten und Frameworks.
100% privat
Die Kodierung erfolgt lokal – Ihre Bilder werden nie hochgeladen.
Sofort & kostenlos
Keine Anmeldung, keine Grenzen – kodieren Sie so viele Bilder, wie Sie benötigen.
Konvertieren Sie Bilder online in Base64 – kostenloser Daten-URI-Generator
Entwickler müssen Bilder oft direkt in HTML, CSS oder JavaScript einbetten, ohne separate Dateien zu hosten. Ein Base64-Daten-URI kodiert das Bild als Textzeichenfolge, die Sie an einer beliebigen Stelle einfügen können. Dieser kostenlose Bild-zu-Base64-Konverter liest Ihre Datei lokal und gibt den Daten-URI sowie vorgefertigte Snippets für HTML-Tags, CSS-Hintergrundbild und JavaScript-Variablen aus.
Base64 ist ideal für kleine Symbole in HTML-E-Mails (wo externe Bilder blockiert sind), Inline-SVG-Ersetzungen und zur Reduzierung von HTTP-Anfragen für kleine Assets. Bei großen Fotos sind normale Bilddateien effizienter – Base64 erhöht den Overhead um etwa 33 %. Dieses Tool zeigt die codierte Größe an, damit Sie entscheiden können.
Auf Uzetool läuft alles in Ihrem Browser – entdecken Sie weitere Entwicklertools.
Fragen
Häufig gestellte Fragen
Wie konvertiere ich ein Bild in Base64?
Laden Sie Ihr Bild in dieses Tool hoch. Es liest die Datei lokal und zeigt den Daten-URI Base64 sowie die Snippets HTML, CSS und JavaScript an. Klicken Sie im gewünschten Format auf „Kopieren“.
Was ist ein Base64-Daten-URI?
Ein Daten-URI bettet Dateiinhalte direkt in eine URL-Zeichenfolge ein (data:image/png;base64,...). Damit können Sie kleine Bilder in HTML, CSS oder JavaScript ohne separate Bilddateien einbinden.
Ist dieser Base64-Konverter kostenlos?
Ja – 100% kostenlos, ohne Anmeldung oder Nutzungsbeschränkungen.
Werden meine Bilder auf einen Server hochgeladen?
Nein. FileReader liest Ihr Bild lokal im Browser. Es wird nichts an einen Server gesendet.
Welche Bildformate werden unterstützt?
JPG-, PNG- und WebP-Bilder werden unterstützt. Der Ausgabedaten-URI behält den ursprünglichen MIME-Typ bei.
Wann sollte ich Base64 für Bilder verwenden?
Base64 eignet sich gut für kleine Symbole, HTML-E-Mails und reduziert HTTP-Anfragen für kleine Assets. Verwenden Sie für große Fotos stattdessen normale Bilddateien – Base64 erhöht die Dateigröße um etwa 33 %.