Kleine Assets einbetten
Das Einbetten von Symbolen und kleinen Bildern als Data-URIs spart eine HTTP-Anfrage und hält eine einzelne HTML- oder CSS-Datei in sich geschlossen.
Kodieren Sie jedes Bild als Base64-Zeichenfolge oder Data-URI, bereit zum Einfügen in HTML, CSS, JSON oder E-Mail-Vorlagen. Kopieren Sie das benötigte Snippet mit einem Klick.
Ihre Bilder werden auf Ihrem Gerät verarbeitet und nie hochgeladen.
Engine wird geladen …
Fügen Sie ein Bild hinzu.
Wählen Sie die Ausgabe: Data-URI, reines Base64, ein HTML-img-Tag oder einen CSS-Hintergrund.
Kopieren Sie das Ergebnis in die Zwischenablage oder laden Sie es als Textdatei herunter.
Das Einbetten von Symbolen und kleinen Bildern als Data-URIs spart eine HTTP-Anfrage und hält eine einzelne HTML- oder CSS-Datei in sich geschlossen.
Base64 ist etwa ein Drittel größer als die Originaldatei. Es eignet sich am besten für Bilder von wenigen Kilobyte; komprimieren Sie größere Bilder zuerst.
Eine Data-URI ist eine Base64-Zeichenfolge mit vorangestelltem MIME-Typ, etwa data:image/png;base64,…, die Browser überall dort verwenden können, wo eine URL erwartet wird.
Sehr lange Zeichenfolgen können Ihren Editor verlangsamen. Das Werkzeug warnt, wenn die Ausgabe größer als ein Megabyte ist.
Nein. Die Kodierung geschieht in Ihrem Browser.