Bild in Base64 umwandeln – kostenlos online
Wandeln Sie jedes Bild sofort in Base64 um. Erhalten Sie Data-URI sowie HTML- und CSS-Snippets oder decodieren Sie Base64 zurück in ein Bild. Ihre Dateien verlassen nie Ihren Browser.
🔒 Ihre Datei verlässt nie Ihren Browser. Die gesamte Verarbeitung erfolgt lokal.
Bild kodieren → Base64
So wandeln Sie ein Bild in Base64 um
- 1
Bild hochladen
Klicken Sie auf das Upload-Feld oder ziehen Sie ein Bild hinein. JPG, PNG, WebP, GIF und SVG werden unterstützt.
- 2
Ergebnis kopieren
Base64-String, Data-URI, HTML-img-Tag und CSS-Snippet erscheinen sofort. Mit einem Klick auf „Kopieren“ landet der Text in der Zwischenablage.
- 3
Im Projekt verwenden
Fügen Sie die Data-URI in das src eines img-Tags, in background-image oder überall dort ein, wo eine URL erlaubt ist. Das Bild ist vollständig eingebettet, eine externe Datei ist nicht nötig.
Die Base64-Kodierung wandelt die Binärdaten eines Bildes in eine Zeichenkette aus ASCII-Zeichen um, die sich bedenkenlos in textbasierte Formate wie HTML, CSS, JSON und XML einfügen lässt. Das ist praktisch, wenn Sie ein kleines Icon oder Logo ohne zusätzliche HTTP-Anfrage direkt in eine Webseite einbetten oder Bilder über APIs senden möchten, die nur Text akzeptieren.
Eine Data-URI fasst MIME-Typ und Base64-Daten in einem String zusammen: data:image/png;base64,iVBORw0KGgo…. Browser behandeln sie wie eine URL, die auf eine Bilddatei zeigt. Die gesamte Umwandlung läuft in Ihrem Browser mit der FileReader-API; die Datei wird auf keinen Server hochgeladen.
Am besten eignet sich Base64 für kleine Bilder (Icons und Logos unter 5 KB): Ein Base64-Bild ist etwa 33 % größer als das Original, was die Seite schwerer macht und das Caching verschlechtert. Für große Bilder nutzen Sie besser eine normale URL. Der Rückwärtsmodus nimmt einen Base64-String oder eine vollständige Data-URI entgegen und stellt das Bild wieder her – zur Vorschau und zum Download.