Kostenloses Bild-Tool

Bild zu Base64: Bilder online in Base64 umwandeln

Laden Sie ein Bild hoch und dieses Tool wandelt es in Base64-Text um, den Sie direkt in Ihren Code einfügen können. Funktioniert mit PNG, JPG, GIF, BMP, SVG und WebP. Kostenlos, ohne Anmeldung.

PNG zu Base64 JPG zu Base64 SVG zu Base64 Hochladen oder URL Kopieren mit einem Klick Bis zu 5 MB Ohne Anmeldung

Maximale Upload-Dateigröße: 5 MB

Remote-URL verwenden
Vom Gerät hochladen
Ausgabe des Base64-Bild-Encoders in einem HTML-img-Tag

Base64-Bild-Encoder für HTML und CSS

Dieser Base64-Bild-Encoder verwandelt Ihre Datei in reinen Text. Fügen Sie ihn in ein img-src oder einen CSS-Hintergrund ein, und das Bild lädt ohne separate Bildanfrage.

PNG-zu-Base64-Konverter mit transparentem Symbol

PNG in Base64 umwandeln

Kleine PNG-Symbole, Logos und UI-Sprites sind die am häufigsten kodierten Dateien. Laden Sie das PNG hoch, klicken Sie auf „Konvertieren“ und kopieren Sie den String. Die Transparenz bleibt erhalten, denn Base64 speichert die Datei genau so, wie sie ist.

In Base64 kodiertes SVG-Symbol in einer CSS-Datei

SVG zu Base64 für Inline-Symbole

Wandeln Sie SVG in Base64 um, für Logos und Symbole in CSS-Hintergründen und Einzeldatei-Seiten. Base64 funktioniert in jedem Browser und lässt sich sauber einfügen, ohne Sonderzeichen zu maskieren.

JPG-zu-Base64-String in einer JSON-Anfrage

JPG zu Base64 für APIs und JSON

Sie müssen ein Foto in JSON, einer API-Anfrage oder einem Textfeld einer Datenbank senden? Wandeln Sie JPG oder JPEG in Base64 um, und das Bild reist als reiner Text.

Base64-String eines Bildes mit Data-URI-Präfix

So sieht ein Base64-String eines Bildes aus

Ein Base64-Bild ist eine lange Folge aus Buchstaben, Ziffern sowie den Zeichen + und /, oft mit = am Ende. Mit einem Präfix wie data:image/png;base64, liest der Browser es als Bild.

Base64 eines Bildes im Vergleich zur ursprünglichen Dateigröße

Wann Base64-Bilder sinnvoll sind

Base64 macht Dateien etwa 33 % größer und eignet sich daher für kleine Bilder von wenigen KB. Große Fotos sollten normale Dateien bleiben, damit Browser sie zwischenspeichern können.

Bild online im Browser in Base64 umwandeln

Bild online in Base64 umwandeln, ganz ohne Code

Keine Kommandozeile und keine Skripte nötig, um ein Bild in Base64 zu kodieren. Das Tool funktioniert in jedem Browser auf Desktop oder Smartphone. Laden Sie vom Gerät hoch oder fügen Sie eine Bild-URL ein.

So wandeln Sie ein Bild in Base64 um

1

Bild hochladen

Ziehen Sie eine PNG-, JPG-, SVG-, GIF-, BMP- oder WebP-Datei bis 5 MB hinein oder fügen Sie eine Bild-URL ein.
2

Auf „Konvertieren“ klicken

Das Tool kodiert das Bild in ein bis zwei Sekunden in Base64.
3

String kopieren

Klicken Sie auf „Inhalt kopieren“, um den vollständigen Base64-Code in die Zwischenablage zu kopieren.
4

In Ihren Code einfügen

Verwenden Sie ihn in einem img-src, einer CSS-url() oder einem JSON-Feld.

Häufige Fragen zu Bild zu Base64

Wie wandle ich ein Bild in Base64 um?

Laden Sie das Bild hoch, klicken Sie auf „Konvertieren“ und dann auf „Inhalt kopieren“. Sie erhalten den kompletten kodierten String mit einem Klick, bereit für HTML, CSS oder JavaScript.

Wie verwende ich ein Base64-Bild in HTML?

Setzen Sie den String mit einem Data-URI-Präfix in das src eines img-Tags, etwa <img src="data:image/png;base64,iVBORw0...">. Ersetzen Sie png durch jpeg, gif, webp oder svg+xml, passend zu Ihrer Datei.

Wie verwende ich ein Base64-Bild in CSS?

Setzen Sie es in url(), zum Beispiel background-image: url("data:image/png;base64,..."). Das eignet sich gut für kleine Symbole und Muster, die nicht als separate Dateien geladen werden sollen.

Macht Base64 Bilder größer?

Ja. Base64 vergrößert die Datei um etwa 33 %, weil aus je 3 Bytes 4 Textzeichen werden. Deshalb eignet es sich für kleine Symbole, nicht für große Fotos.

Verringert die Base64-Kodierung die Bildqualität?

Nein. Base64 ist eine Kodierung, keine Komprimierung. Es speichert die exakten Bytes Ihrer Datei, sodass das Bild Pixel für Pixel zurückdekodiert wird.

Wie kodiere ich ein Bild in JavaScript in Base64?

Im Browser lesen Sie die Datei mit FileReader.readAsDataURL(). In Node.js verwenden Sie fs.readFileSync(path).toString('base64'). Dieses Tool liefert dasselbe Ergebnis ohne Code.

Kann ich Base64 wieder in ein Bild umwandeln?

Ja. Fügen Sie den String in Base64 zu Bild ein, um ihn anzusehen und die Bilddatei herunterzuladen.

Ist der Bild-zu-Base64-Konverter kostenlos?

Ja. Er ist kostenlos und ohne Anmeldung. Sie können Bilder mit bis zu 5 MB kodieren.

Kodiert? Prüfen Sie, ob es sich dekodieren lässt.

Fügen Sie den String in Base64 zu Bild ein, um ihn zu prüfen, oder verkleinern Sie das Bild zuerst mit dem Bildgrößen-Rechner.

Base64 zu Bild

Raheel Jakhura

CEO / Co-Founder

Our goal is to provide online free tools so you don't have to install any software for basic usages. We are trying to add more tools and make these tools free forever.

cookies image
Wir kümmern uns um Ihre Daten und würden gerne Cookies verwenden, um Ihr Erlebnis zu verbessern.