🖼️ Bild zu Base64 Konverter
Konvertiere ein Bild sofort in eine Base64-Data-URI — und kopiere es als reines Base64, CSS-background-image-Regel oder HTML-img-Tag, ohne die Datei hochzuladen.
Load image
🖼️
Drop an image here, or click to browse
Converted in your browser — no upload
Über
Dieses Tool liest deine Bilddatei über die FileReader-API des Browsers und kodiert sie vollständig auf deinem Gerät als Base64-String. Das Ergebnis lässt sich in drei einsatzbereiten Formaten kopieren: als reine Data-URI (überall nutzbar, wo eine URL akzeptiert wird), als CSS-background-image-Snippet oder als vollständiges HTML-img-Element. Das Panel zeigt außerdem die Originaldateigröße neben der kodierten Größe an, damit du den Kompromiss beurteilen kannst. Da die Kodierung lokal läuft, verlässt dein Bild den Browser nie — ideal für sensible Grafiken wie Logos oder private Fotos.
Verwendung
- Ziehe dein Bild auf den Upload-Bereich oder klicke, um eine Datei von deinem Gerät auszuwählen.
- Das Tool kodiert das Bild sofort im Browser und zeigt die Original- und kodierte Dateigröße an.
- Wähle dein Kopierformat: reine Base64-Data-URI, CSS-background-image-Regel oder HTML-img-Tag.
- Klicke auf die Schaltfläche Kopieren, um den kodierten String in die Zwischenablage zu kopieren und direkt in deinen Code einzufügen.
Häufige Fragen
- Was ist eine Base64-Data-URI?
- Eine Base64-Data-URI kodiert binäre Dateiinhalte als Klartext im Format data:[mime];base64,[kodiert] — so lassen sich Bilder direkt in HTML, CSS oder JSON einbetten, ohne eine separate Datei anzufragen.
- Wird mein Bild auf einen Server hochgeladen?
- Nein. Die Kodierung verwendet die FileReader-API des Browsers und läuft vollständig auf deinem Gerät. Dein Bild verlässt niemals den Browser.
- Warum ist die Base64-Ausgabe viel größer als das Originalbild?
- Base64-Kodierung vergrößert binäre Daten um etwa 33 %, da jeweils 3 Bytes als 4 ASCII-Zeichen dargestellt werden. Das ist erwartet und normal.
- Welche Bildformate kann ich in Base64 umwandeln?
- Jedes Bild, das dein Browser lesen kann: PNG, JPEG, WebP, GIF, SVG, BMP, AVIF und mehr. Der MIME-Typ wird automatisch aus der Datei erkannt.
- Wann sollte ich Base64-Bilder statt normaler Bilddateien verwenden?
- Base64 eignet sich ideal für kleine Icons oder Logos in einer einzigen HTML-E-Mail, Inline-CSS oder einem JSON-API-Payload — überall dort, wo eine separate HTTP-Anfrage Latenz verursachen oder nicht erlaubt ist. Für große Bilder ist eine normale Datei-URL effizienter.