Bilder
Bild in Base64
Vom Bild zum Data URI und zurück – bereit zum Einfügen in Ihren Code.
Mit Base64 lässt sich ein Bild direkt in Code einbetten: ein Icon im Stylesheet, ein Logo in einer HTML-E-Mail, eine kleine Illustration in einem SVG – ganz ohne zusätzliche Serveranfrage. Dieses Tool arbeitet in beide Richtungen. Legen Sie ein Bild ab und erhalten Sie den vollständigen Data URI (data:image/png;base64,…), mit angezeigter Ausgabegröße und einem Button zum Kopieren mit einem Klick. Oder fügen Sie einen Data URI aus bestehendem Code ein: Das Bild erscheint sofort und lässt sich als normale Datei herunterladen. Die Umwandlung geschieht augenblicklich und vollständig in Ihrem Browser – weder Ihre Bilder noch Ihr Code verlassen jemals Ihr Gerät.
Wie funktioniert es?
- Legen Sie ein Bild ab und erhalten Sie den Base64-Data-URI samt Größe.
- Kopieren Sie das Ergebnis mit einem Klick – bereit für CSS oder HTML.
- Oder fügen Sie einen bestehenden Data URI ein: Das Bild erscheint und lässt sich mit einem Klick herunterladen.
Häufige Fragen
Wofür braucht man ein Bild in Base64?
Um das Bild direkt im Code einzubetten: Icons im CSS, Bilder in HTML-E-Mails, Favicons, Inhalte in einem SVG oder JSON. Das Bild lädt mit dem Dokument selbst – ohne zusätzliche Netzwerkanfrage.
Macht Base64 die Dateien größer?
Ja, um rund 33 % gegenüber der Binärdatei, und das Ergebnis profitiert nicht vom Browser-Cache. Sinnvoll ist es für kleine, im Code wiederverwendete Bilder von wenigen KB – für Fotos ist es kontraproduktiv.
Welche Bildformate werden unterstützt?
Alle Formate, die Ihr Browser lesen kann: PNG, JPG, WebP, GIF, SVG, AVIF… Der erzeugte Data URI behält den ursprünglichen MIME-Typ, und die Dekodierung akzeptiert jeden gültigen Bild-Data-URI.