DeutschDE

Bild in Base64 umwandeln – Data-URL erzeugen

Ziehen Sie ein Bild hinein, wählen Sie ein Format und kopieren Sie den Base64-Code.

Ihre Texte und Dateien bleiben in Ihrem Browser – nichts wird an einen Server gesendet.

Bild hierher ziehen, zum Auswählen klicken oder mit Strg+V einfügen

So funktioniert’s

  1. Ziehen Sie ein Bild auf das Feld, klicken Sie darauf, um eine Datei auszuwählen, oder fügen Sie einen Screenshot mit Strg+V ein (⌘V auf dem Mac).
  2. Prüfen Sie Vorschau, Abmessungen und wie stark die Base64-Fassung gegenüber der Originaldatei wächst.
  3. Wählen Sie ein Ausgabeformat: vollständige Data-URL, reiner Base64-String, CSS-Regel background-image, HTML-Tag <img> mit Breite und Höhe oder Markdown.
  4. Klicken Sie auf „Kopieren“, um den Code zu übernehmen, oder auf „Herunterladen“, um ihn als Textdatei zu speichern.

Häufige Fragen

Wann lohnt es sich, ein Bild als Base64 einzubetten?

Bei kleinen Icons, Logos oder Platzhaltern spart es eine zusätzliche HTTP-Anfrage und hält alles in einer Datei – praktisch für E-Mails und einseitige Demos. Für größere Fotos ist eine normale Bilddatei meist besser, weil sie separat zwischengespeichert werden kann.

Warum ist die Base64-Fassung größer als die Datei?

Base64 schreibt je 3 Bytes als 4 Zeichen, der kodierte Text ist also rund 33 % größer als das Originalbild.

Wird mein Bild irgendwo hochgeladen?

Nein. Die Datei wird vollständig in Ihrem Browser gelesen und umgewandelt und verlässt Ihr Gerät nicht.

Ähnliche Tools

Base64 in BildBase64-Bilder ansehen und speichernBase64 kodieren/dekodierenText in Base64 umwandeln und zurückBild komprimierenKleinere Dateien, gleiches BildBildkonverterJPG, PNG und WebP umwandeln

Alle Tools