Was sind Bilddateien?
Binärformate — PNG, JPG, WebP — die normalerweise als separate Dateien mit eigenen Requests, Caching-Regeln und seitenrelativen Pfaden existieren.
Beliebiges Bild als Base64-Data-URI kodieren — erledigt
Das Werkzeug konnte nicht geladen werden. Prüfen Sie Ihre Verbindung und versuchen Sie es erneut.
Dateien hier ablegen
oder zum Auswählen klicken
Noch keine Dateien. Fügen Sie Dateien hinzu, um loszulegen.
Laden Sie ein PNG, JPG oder WebP — es wird lokal gelesen, nie hochgeladen.
Die vollständige Base64-Data-URI erscheint sofort, bereit zum Kopieren.
In CSS, HTML img src oder JSON einfügen oder als .txt-Datei speichern.
Legen Sie das Bild auf die Seite. Die Datei-Bytes werden lokal gelesen und als Base64-Data-URI kodiert, bereit zum Kopieren oder Herunterladen als .txt-Datei.
Nein. Base64 ist eine verlustfreie Textdarstellung der exakten Original-Bytes. Das spätere Dekodieren der Data-URI liefert ein byteidentisches Bild.
Base64 stellt je 3 Bytes als 4 Zeichen dar, was rund 33 % plus den Data-URI-Präfix ausmacht. Das liegt in der Kodierung begründet, nicht an diesem Tool.
Nie. Die Datei wird mit der FileReader-API des Browsers gelesen und auf Ihrem Gerät kodiert — es gibt keinen Upload und kein Konto.
Hier erfahren Sie, wofür jedes Format gedacht ist und wann die Umwandlung von Bilddateien in Data-URIs die richtige Wahl ist.
Was sind Bilddateien?
Binärformate — PNG, JPG, WebP — die normalerweise als separate Dateien mit eigenen Requests, Caching-Regeln und seitenrelativen Pfaden existieren.
Was sind Base64-Data-URIs?
Dieselben Bytes als in sich geschlossene Textzeichenkette (data:image/png;base64,...), die inline in CSS, HTML oder JSON reist, ohne zweite Anfrage.
Wann Sie es brauchen
Verwenden Sie es für winzige Icons, eingebettete Platzhalter, Ein-Datei-HTML-Exporte oder um zusätzliche Anfragen in E-Mails zu vermeiden. Für alles Größere als ein paar Kilobyte ist eine echte Datei mit richtigem Caching meist die bessere Wahl.