Bild in Base64
Bild-ToolNeuKodiere ein Bild als Base64-Data-URI.
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien verlassen dein Gerät nie — nichts wird hochgeladen.
Add an image
Drop an image hereJPG, PNG or WebP — encoded privately in your browserBrowse files
Base64 data URI
Add an image to convert it to a Base64 data URI.
Häufig gestellte Fragen
Was ist ein Base64-Data-URI eines Bildes und wann sollte ich ihn verwenden?
Ein Base64-Data-URI bettet ein Bild direkt als Text ein, in einer langen Zeichenkette, die mit data:image/...;base64, beginnt. Das ist nützlich, um kleine Icons in HTML oder CSS einzubinden, damit sie ohne zusätzliche Netzwerkanfrage laden. Beachte, dass die Base64-Kodierung die Datengröße um etwa ein Drittel erhöht, es funktioniert also am besten mit kleinen Ressourcen statt großen Fotos.
Werden meine Bilder beim Umwandeln auf einen Server hochgeladen?
Nein. Die Umwandlung läuft vollständig in deinem Browser mit der FileReader-API, dein Bild verlässt also nie dein Gerät und wird an keinen Server gesendet. Das macht es sicher für private, vertrauliche oder sensible Bilder. Nichts wird gespeichert oder protokolliert.
Wie verwende ich das Base64-Ergebnis in meinem Code?
Kopiere den Data-URI und füge ihn direkt in das src-Attribut eines HTML-img-Tags ein, oder nutze den Button zum Kopieren des CSS-Snippets für eine fertige background-image-Regel. Bei sehr großen Bildern wird die Vorschau am Bildschirm gekürzt, aber die Kopier-Buttons liefern dir immer die vollständige, funktionierende Zeichenkette.