Bild zu Base64

Eingabe

Klicken zum Hochladen

JPG, PNG, GIF, WebP, SVG (Max 5MB)

Ausgabe

Beispiele: Bild zu Base64

Laden Sie ein Bild hoch, um eine Data URI zu erhalten. Das Format ist data:image/<type>;base64,<base64-string>. Beispiel eines minimalen 1×1 Pixel PNG:

Beispiel Data-URI-Ausgabe

Ausgabeformat

Laden Sie oben ein Bild hoch, um Ihre eigene Data URI zu erzeugen.

Was ist Bild zu Base64?

Bild zu Base64 wandelt Bilddateien in Base64-kodierte Data URIs um. Base64 ist in RFC 4648 definiert. Data URIs ermöglichen das Einbetten von Bildern direkt in HTML, CSS oder JSON.

Dieses Tool nutzt die FileReader-API. Die Verarbeitung läuft vollständig in Ihrem Browser. Unterstützte Formate: JPG, PNG, GIF, WebP, SVG. Zum Dekodieren nutzen Sie Base64 zu Bild.

So verwenden Sie dieses Tool

Bild hochladen

Klicken Sie auf den Upload-Bereich oder nutzen Sie Hochladen. Unterstützte Formate: JPG, PNG, GIF, WebP, SVG (max 5 MB).

Base64-Ausgabe erhalten

Das rechte Panel zeigt die vollständige Data URI. Sie können sie in HTML <img src="..."> oder CSS background-image: url(...) einfügen.

Kopieren oder Herunterladen

Nutzen Sie Kopieren oder Herunterladen. Für beliebige Dateien nutzen Sie den Base64 Encoder. Für Base64-Bildstrings nutzen Sie Base64 zu Bild.

So funktioniert es

Das Tool liest Ihre Bilddatei mit FileReader.readAsDataURL(). Base64-Kodierung erhöht die Größe um ~33%.

Für HTML: <img src="data:image/png;base64,..." alt="...">. Für CSS: background-image: url('data:image/png;base64,...').

Wann Bild zu Base64 hilft

Webentwickler nutzen Base64-Bilder für kleine Icons oder Logos. E-Mail-HTML bettet oft Bilder als Base64 ein. APIs erwarten manchmal Base64-Strings für Profilbilder.

SPAs bündeln manchmal kleine Bilder als Base64. Zum Dekodieren nutzen Sie Base64 zu Bild. Für beliebige Dateien den Base64 Encoder. Für allgemeine Base64-Dekodierung den Base64 Decoder.

Häufig gestellte Fragen

Sind meine Daten privat?

Ja. Die Konvertierung läuft vollständig in Ihrem Browser. Keine Daten werden an einen Server gesendet.

Was ist die Größenbeschränkung?

Das Tool begrenzt Uploads auf 5 MB. Base64-Kodierung fügt ~33% Overhead hinzu.

Kann ich die Ausgabe in HTML/CSS nutzen?

Ja. Die Ausgabe ist eine Data URI, bereit für <img src="..."> oder background-image: url(...).

Unterstützt es SVG?

Ja. SVG wird unterstützt. Nutzen Sie den Base64 Decoder zum Dekodieren von Base64 zurück zu SVG.

Warum Base64 statt einer normalen Bild-URL?

Base64 bettet das Bild ins Dokument ein, sodass keine zusätzliche HTTP-Anfrage nötig ist. Für kleine Icons kann das die Ladezeit verbessern.