🖼️Bild ↔ Base64

Lädt...

Die Kodierung von Bildern als Base64 erlaubt das direkte Einbetten in HTML/CSS/JSON ohne separate Datei. Das Tool generiert alle gängigen Formate sofort.

Anleitung

1
Bild hochladen
Drag & Drop, Dateiauswahl oder einfach per Strg+V aus der Zwischenablage einfügen.
2
Vorschau prüfen
Sehen Sie das Bild sowie Details wie Typ, Größe und Dimensionen.
3
Format kopieren
Kopieren Sie den Data URL, den rohen Base64-String oder fertige Code-Snippets.

Tipps

💡Am besten für kleine Icons/Logos geeignet. Große Bilder blähen den Code stark auf.
💡Nutzen Sie den CSS-Wert direkt in Inline-Styles.
💡Privat: Bilder werden nur lokal im Browser verarbeitet und nicht hochgeladen.
💡Nutzen Sie den Tab 'Base64 → Bild', um aus Strings wieder Bilddateien zu machen.

Häufige Fragen

Q. Erhöht Base64-Kodierung die Dateigröße?: A. Ja. Base64 wandelt Binärdaten in ASCII-Text um, was die Größe um etwa 33% erhöht. Nur für kleine Icons geeignet.
Q. Wo werden Data URIs verwendet?: A. Direkt in HTML (<img src="data:...">) oder CSS (background-image) eingebettet, ohne zusätzliche HTTP-Anfragen. Nützlich für Einzeldateien-HTML oder E-Mail-Vorlagen.
Q. Wird das Bild an einen Server gesendet?: A. Nein. Die gesamte Konvertierung erfolgt lokal im Browser über die FileReader API. Ihre Daten verlassen nie Ihr Gerät.