Zum Inhalt springen
UUTOOLS.NET

Bild in Base64 umwandeln (und Base64 in Bild)

Macht aus einem Bild eine Base64-Data-URI für HTML oder CSS – oder aus Base64-Text wieder ein Bild.

oder hierher ziehen, oder mit Strg+V / ⌘V einfügen

Unterstützt: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF

Auf unserem Server umwandeln?

Wenn Sie fortfahren, wird die Datei über eine verschlüsselte Verbindung hochgeladen und auf unserem Server umgewandelt. Sie können die Website währenddessen weiter nutzen. Das Original wird gelöscht, sobald es umgewandelt ist; das Ergebnis bleibt 7 Tage zum Herunterladen verfügbar und Sie können es jederzeit löschen. Dateien werden nie weitergegeben oder anderweitig verwendet.

Ihre Bilder werden in Ihrem Browser verarbeitet und nicht hochgeladen. Details zum Datenschutz

So verwenden Sie: Bild in Base64

  1. 1 Zum Kodieren wählen Sie ein Bild aus oder ziehen es hierher; der Base64-Text erscheint sofort.
  2. 2 Wählen Sie das Format zum Kopieren: Data-URI, nur Base64, HTML-img-Tag, CSS, Markdown oder JSON.
  3. 3 Kopieren Sie ihn in die Zwischenablage oder laden Sie ihn als Textdatei herunter.
  4. 4 Zum Dekodieren wechseln Sie zu „Base64 → Bild“, fügen den Text ein und laden das Bild herunter.

Über dieses Werkzeug

Base64 macht aus einer Datei reinen Text, sodass ein Bild direkt in HTML, CSS, JSON oder eine E-Mail-Vorlage geschrieben werden kann, statt als eigene Datei geladen zu werden. Entwickler nutzen das für kleine Symbole, Platzhalter und Logos, die immer verfügbar sein müssen.

Der Encoder liest Ihre Datei unverändert, ohne sie neu zu komprimieren, und liefert fertige Code-Schnipsel. Der Decoder akzeptiert reines Base64 oder eine vollständige Data-URI (auch URL-sicheres Base64), erkennt das echte Bildformat an den dekodierten Bytes und lässt Sie die Datei herunterladen.

Base64-Text ist etwa ein Drittel größer als die Originaldatei und eignet sich daher am besten für kleine Bilder. Alles geschieht in Ihrem Browser; nichts wird hochgeladen.

Häufig gestellte Fragen

Wann sollte ich Base64-Bilder verwenden?

Für kleine Bilder (Symbole, Logos, Platzhalter mit wenigen Kilobyte), die zusammen mit der Seite laden oder in einer einzigen Datei stecken sollen, etwa in einer E-Mail-Vorlage oder in JSON. Große Fotos sind als normale Dateien besser, weil Browser sie zwischenspeichern und parallel laden können.

Warum ist der Base64-Text größer als das Bild?

Base64 verwendet 4 Zeichen für je 3 Bytes und ist daher etwa 33 % größer. Komprimieren oder verkleinern Sie das Bild vorher, wenn die Größe wichtig ist.

Was ist eine Data-URI?

Eine Data-URI ist Base64-Text mit einem Präfix wie „data:image/png;base64,“. Browser akzeptieren sie überall, wo eine Bild-URL erwartet wird, etwa in einem img-Tag oder einem CSS-background-image.

Welches Format hat das dekodierte Bild?

Das Format, das die Daten tatsächlich enthalten (JPG, PNG, WebP, GIF, SVG …). Das Tool erkennt es an den dekodierten Bytes, nicht am eingefügten Präfix.

Wird mein Bild hochgeladen?

Nein. Kodieren und Dekodieren geschehen in Ihrem eigenen Browser.

Ähnliche Werkzeuge