Bild zu Base64

Über dieses Tool

Der Bild-zu-Base64-Konverter kodiert jede Bilddatei in einen Base64-String oder eine vollständige Data-URI, damit Sie Bilder direkt in HTML, CSS oder JSON einbetten können, ohne sie als separate Dateien zu hosten. Er unterstützt Drag-and-Drop oder Klick-Auswahl und zeigt die Original- und die kodierte Dateigröße an.

Die Kodierung erfolgt vollständig im Browser über die FileReader-API — Ihr Bild wird nie auf einen Server hochgeladen. Sie können zwischen vollständiger Data URI (mit dem Präfix data:image/…;base64,) und reinem Base64 (ohne Präfix) wechseln.

Anleitung

1. Bild in den Upload-Bereich ziehen oder klicken, um den Dateidialog zu öffnen.
2. Das kodierte Ergebnis erscheint automatisch nach dem Laden der Datei.
3. Mit den Schaltflächen zwischen Data URI und Base64 Only wechseln.
4. Auf Kopieren klicken, um das Ergebnis in die Zwischenablage zu kopieren.

Anwendungsfälle

Frontend-Entwickler betten kleine Icons direkt in CSS oder HTML ein, um HTTP-Anfragen zu reduzieren. E-Mail-Marketer betten Bilder in HTML-E-Mail-Vorlagen ein, da viele E-Mail-Clients externe Bilder blockieren. Mobile-App-Entwickler kodieren Bilder für JSON-API-Payloads. Entwickler speichern Bilder als Base64-Strings in Konfigurationsdateien oder Datenbanken.

Häufige Fragen

• Erhöht die Base64-Kodierung die Dateigröße? — Ja. Base64-Kodierung erhöht die Dateigröße um ca. 33% gegenüber dem ursprünglichen Binärformat.
• Welche Bildformate werden unterstützt? — Alle Formate, die Ihr Browser anzeigen kann: JPG, PNG, WebP, GIF, SVG, BMP und mehr.
• Sollte ich große Bilder in Base64 kodieren? — Für Dateien über ~10 KB ist es meist besser, das Bild als Datei zu hosten. Große Base64-Strings blähen HTML/CSS auf und beeinträchtigen die Ladegeschwindigkeit.