Über dieses Bild ↔ Base64-Werkzeug
Richtung eins: Bild auswählen und eine einfügefertige Data URL im Format data:image/…;base64,… für HTML, CSS oder JSON erhalten, inklusive codierter Größe. Richtung zwei: eine vollständige Data URL oder einen reinen Base64-String einfügen — das Format wird automatisch erkannt, das Bild in der Vorschau angezeigt, und fehlerhafte Eingaben führen zu einer klaren Fehlermeldung statt zu einem stillen Fehlschlag.
Das Kodieren nutzt FileReader, das Dekodieren die native Base64-Engine des Browsers; nichts wird hochgeladen. Beachten Sie, dass Base64 die Größe um rund 33 % aufbläht — kleine Icons und Dekoelemente inline einbinden, große Fotos besser als separate Dateien behalten.