HOT
Bild komprimieren
image
Bild-in-Base64-Konverter
Kodieren Sie Bilder in Base64 mit einfügefertigen Data-URI-, CSS- und HTML-Snippets - oder fügen Sie Base64 ein und erhalten Sie das Bild zurück. Alles läuft in Ihrem Browser. Ohne Anmeldung, ohne Limits, kostenlos.
Eingabe
Legen Sie Ihr Bild hier ab
PNG, JPG, WebP, GIF, SVG, BMP oder ICO · kleine Dateien betten sich am besten ein
Ausgabe
Base64 macht Dateien ~33 % größer. Einbetten funktioniert am besten unter 10 KB; darüber verlinken Sie besser die Datei.
Läuft zu 100 % in Ihrem Browser Keine Größen- oder Dateibeschränkungen Kostenlos, ohne Anmeldung
So konvertieren Sie ein Bild in Base64
Fügen Sie Ihr Bild hinzu
Ziehen Sie ein Bild per Drag & Drop in das Feld, klicken Sie zum Durchsuchen oder fügen Sie es direkt aus der Zwischenablage ein. PNG, JPG, WebP, GIF, SVG, BMP und ICO funktionieren alle.
Wählen Sie das benötigte Snippet
Wechseln Sie zwischen rohem Base64, einer vollständigen Data-URI, einer CSS-background-image-Regel oder einem HTML-img-Tag. Die Ausgabe wird sofort aktualisiert.
Kopieren und einfügen
Klicken Sie auf Kopieren und setzen Sie das Snippet in Ihr Stylesheet, HTML oder Ihren Code ein. Für die andere Richtung wechseln Sie zu Base64 → Bild, fügen beliebiges Base64 oder eine Data-URI ein und laden die dekodierte Datei herunter.
Bild und Base64 - Fragen und Antworten
Was ist Base64-Kodierung?
Base64 wandelt Binärdaten mit 64 sicheren Zeichen in reinen ASCII-Text um, sodass ein Bild in einer Textdatei leben kann: HTML, CSS, JSON oder einer E-Mail. Der Text ist etwa 33 % größer als die Originaldatei, was der Preis dafür ist, ihn kopierbar zu machen.
Wann sollte ich ein Bild als Base64 einbetten?
Das Einbetten glänzt bei kleinen Assets: Icons, Logos, winzige Hintergründe unter etwa 10 KB. Es spart eine HTTP-Anfrage und hält eine Komponente in sich geschlossen. Für größere Bilder ist ein normaler Dateilink schneller, wird ordentlich zwischengespeichert und bläht Ihr Dokument nicht auf.
Wie verwende ich das Base64 in CSS oder HTML?
Verwenden Sie die fertigen Varianten: Der CSS-Reiter gibt Ihnen eine vollständige background-image-Regel und der HTML-Reiter ein vollständiges img-Tag. Beide umschließen dieselbe Data-URI, also die Base64-Nutzlast mit vorangestelltem Inhaltstyp.
Kann ich Base64 zurück in ein Bild konvertieren?
Ja. Schalten Sie das Tool auf Base64 → Bild um, fügen Sie rohes Base64, eine Data-URI oder sogar eine ganze CSS-Regel oder ein img-Tag ein - die Nutzlast wird automatisch erkannt, das Format aus den Daten selbst identifiziert, und Sie laden die darin enthaltene Datei herunter.
Warum wird meine Base64-Zeichenkette abgelehnt?
Meist ist die Zeichenkette unvollständig: Ein fehlendes Ende von einem unvollständigen Kopiervorgang bricht die Dekodierung. Fügen Sie den vollständigen Wert ein, einschließlich eines etwaigen data:image-Präfix. Zeichenketten, die zwar dekodieren, aber keine Bilddaten sind, werden ebenfalls abgelehnt, in beiden Fällen mit einer klaren Meldung.
Wird mein Bild auf einen Server hochgeladen?
Nein. Kodierung und Dekodierung sind reine Textoperationen, die Ihr Browser lokal ausführt. Weder Ihre Bilder noch Ihre Base64-Zeichenketten verlassen jemals Ihr Gerät.