Konvertieren Sie ein Bild in eine Base64 Data URI mit fertigen HTML- und CSS-Snippets — ganz ohne Upload.
Eine Data URI bettet eine Datei direkt in Text ein: data:image/png;base64, gefolgt von den Bytes der Datei in Base64-Kodierung. Eingefügt in ein -Tag, einen CSS-Hintergrund oder ein JSON-Payload wird das Bild ohne separate Datei und ohne zusätzlichen HTTP-Request dargestellt — das Bild reist im Dokument selbst mit.
Das ist für kleine Bilder wirklich nützlich: Icons in einer einzelnen HTML-Datei, Logos in Transaktions-E-Mails, winzige Platzhalter direkt im CSS, Fixtures in automatisierten Tests. Für große Bilder ist es das falsche Werkzeug — die Base64-Ausgabe ist etwa 33 % größer als die Originaldatei und lässt sich nicht getrennt vom Dokument cachen. Als Faustregel: Bilder unter ein paar Kilobyte einbetten, alles andere als normale Dateien ausliefern.
Die Umwandlung geschieht hier mit der FileReader-API, vollständig auf Ihrem Gerät: Das Bild wird in den Speicher gelesen, kodiert und angezeigt — kein Upload, kein Server, keine Speicherung. Die Größenschätzung neben dem Ergebnis zeigt genau, was der 33-%-Aufschlag für Ihre Datei bedeutet, bevor Sie sich fürs Einbetten entscheiden.
Data-URI-Format: data:{mime-type};base64,{base64-bytes}. Kodierte Größe ≈ Originalgröße × 4/3 (plus ~2 %, wenn Zeilenumbrüche erhalten bleiben).
Nein. Die Datei wird mit der FileReader-API in Ihrem Browser gelesen und verlässt nie Ihr Gerät.
Für kleine Bilder (bis zu wenigen KB), wenn ein gesparter HTTP-Request oder eine einzelne, in sich geschlossene Datei zählt: E-Mail-Signaturen, Einzeldatei-Seiten, Test-Fixtures.
Base64 stellt je 3 Byte mit 4 Textzeichen dar und fügt so etwa 33 % hinzu. Das ist der Preis dafür, als reiner Text zu reisen.
PNG, JPG, WebP, GIF und SVG. Die Data URI behält Originalformat und MIME-Type — nichts wird neu kodiert.
Vai.la verwandelt jede URL in einen Kurzlink mit Klick-Statistiken, QR-Code und Ihrem eigenen Biolink.
Vai.la übernimmt keine Verantwortung für die Nutzung der Tools oder für Entscheidungen, die auf ihren Ergebnissen basieren.