Bild-zu-Base64-Konverter
Kodiere ein Bild direkt im Browser in einen Base64-Data-URI — kopiere es als String, <img>-Tag oder CSS. Kein Upload, komplett privat.
Keine Datenerfassung
Keine Datenbank, keine Konten. Wir können deine Bilder buchstäblich nicht sehen.
Blitzschnell
Native Browser-Verarbeitung — kein Upload, kein Warten.
100 % kostenlos
Keine Limits, keine Wasserzeichen, keine versteckten Kosten. Niemals.
Kein Konto erforderlich
Anmelden? Niemals. Einfach das Tool öffnen und nutzen.
So funktioniert die Base64-Bildkodierung
Was ist ein Base64-Bild?
Base64 stellt Binärdaten — wie ein Bild — nur mit reinen Textzeichen dar. Ein Base64-"Data-URI" bettet das ganze Bild direkt in dein HTML oder CSS ein, sodass der Browser keine separate Netzwerk-Anfrage zum Laden machen muss.
Ein Data-URI sieht so aus: data:image/png;base64,iVBORw0KGgo… — das Präfix nennt dem Browser den Dateityp, und alles nach dem Komma ist das kodierte Bild.
Wann ein Bild als Base64 einbetten?
Das Einbetten ist ideal für winzige, häufig genutzte Assets: Icons, Logos, Platzhalterbilder oder E-Mail-Signaturen. Da das Bild im HTML/CSS mitreist, erscheint es sofort ohne zusätzliche Anfragen.
Vermeide Base64 für große Fotos. Base64 macht eine Datei rund 33 % größer, und große eingebettete Bilder blähen dein HTML auf, lassen sich nicht separat cachen und verlangsamen das erste Rendern. Für alles über ein paar Kilobyte ist eine normale <img>-Datei schneller.
Ist das privat?
Ja. Die Kodierung läuft komplett im Browser per FileReader-API. Dein Bild wird nie auf einen Server geladen, sodass selbst sehr große oder sensible Bilder auf deinem Gerät bleiben.
Häufig gestellte Fragen
Wird die Datei durch die Base64-Umwandlung größer?
Ja — Base64 fügt etwa 33 % Overhead hinzu, da 3 Byte Binärdaten mit 4 Textzeichen dargestellt werden. Deshalb eignet es sich am besten für kleine Bilder, und große Fotos sollten normale Dateien bleiben.
Welche Bildformate kann ich kodieren?
Jedes Format, das dein Browser lesen kann — PNG, JPG/JPEG, WebP, GIF, SVG, BMP und ICO. Der ausgegebene Data-URI behält den MIME-Typ des Originalformats.
Wie nutze ich den Base64-String in HTML?
Füge ihn als src eines Bild-Tags ein: <img src="data:image/png;base64,…" />. Mit dem Button "Als <img>-Tag kopieren" bekommst du das fertig.
Wie nutze ich ihn in CSS?
Nutze ihn als Hintergrundbild: background-image: url("data:image/png;base64,…"); Der Button "Als CSS kopieren" formatiert das für dich.
Wird mein Bild irgendwohin hochgeladen?
Nein. Alles läuft lokal im Browser per FileReader-API. Keine Bilddaten verlassen dein Gerät.