Installiere unsere App 🪄 Klicke auf das -Symbol oben rechts in der Adressleiste.

Bild zu Base64

0 von 0 Bewertungen
.gif, .png, .jpg, .jpeg, .svg erlaubt. Maximal 1000 MB.
Eine junge Frau macht am Neon-Battlestation eine OK-Geste und demonstriert das Image to Base64 Tool

Wandele jede Bilddatei sofort in einen Base64-String um. Dieses kostenlose Online-Tool Image to Base64 verlangt keine Registrierung und läuft direkt in deinem Browser.

Wie die Image to Base64-Kodierung funktioniert

Base64 kodiert Binärdaten, indem es sie auf ein 64 Zeichen großes ASCII-Subset abbildet. Du liest dabei jeweils drei Bytes auf einmal. Das sind 24 Bit. Der Algorithmus zerlegt diese 24 Bit in vier 6-Bit-Häppchen. Jedes Häppchen zeigt auf ein bestimmtes Zeichen im Alphabet. Wenn deine Dateigröße kein glattes Vielfaches von drei Bytes ist, füllt das Tool das Ende mit Gleichheitszeichen auf.

Wenn du dieses Tool nutzt, liest es die rohen Bytes deiner hochgeladenen Datei, ignoriert dabei komplett die Dateiendung und schaut sich stattdessen die echten Magic Numbers an. Ein PNG beginnt mit spezifischen Hex-Bytes. Ein JPEG fängt mit FF D8 FF an. Das Tool stellt deinem Output dann den korrekten MIME-Typ voran, falls du eine Data URI brauchst.

Wann du einen Online Image to Base64 Converter nutzt

Du brauchst das genau dann, wenn du kleine Grafiken direkt in deinen Code einbetten willst. CSS-Dateien und HTML-Dokumente können Data URIs rendern, ohne zusätzliche HTTP-Requests zu feuern. Das reduziert das Netzwerk-Rauschen für winzige Icons oder Spinner-GIFs massiv. Du fügst den kodierten String einfach in dein Stylesheet oder Markup ein.

Ein anderes typisches Szenario sind JSON-APIs, bei denen manche Webservices binäre Anhänge als Text innerhalb eines JSON-Payloads kodiert erwarten. Vielleicht musst du auch kleine Bilder in einer Text-Spalte der Datenbank speichern oder sie durch einen URL-Query-Parameter schleusen. Denk aber unbedingt daran, dass Base64 die ursprüngliche Dateigröße um etwa 33 Prozent aufbläht.

  • Kleine Favicons oder UI-Icons direkt in CSS einbetten.
  • Bilddaten durch JSON-Payloads oder URL-Parameter schleusen.
  • Winzige Grafiken in reinen Text-Spalten der Datenbank speichern.
  • Data URIs für HTML-E-Mail-Templates generieren.

Grenzen des Image to Base64 Tools

Dieses Tool übernimmt nur den reinen Kodierungsschritt. Es optimiert, skaliert oder komprimiert deine Quelldatei unter keinen Umständen. Wenn du ihm ein riesiges 10-Megabyte-Foto fütterst, bekommst du einen ebenso riesigen 13-Megabyte-Textstring zurück. Browser und Parser verschlucken sich an so großen Data URIs, weshalb du wirklich nur kleine Assets kodieren solltest.

Das Ausgabeformat hängt komplett von deiner Quelldatei ab. Wenn du ein WebP-Bild hochlädst, spuckt das Tool einen WebP-Base64-String aus. Es verwandelt ein PNG nicht magisch in ein JPEG. Wenn du ein anderes Format brauchst, musst du das Bild vorher mit einem dedizierten Grafikeditor konvertieren.

So nutzt du das Image to Base64 Tool

  1. Klick auf den Upload-Bereich und wähle deine lokale Bilddatei aus.
  2. Warte, bis der Browser die Datei-Bytes gelesen und die Kodierung verarbeitet hat.
  3. Kopiere den generierten Base64-String aus dem Ausgabe-Textfeld.
  4. Füge den String in dein HTML, CSS, JSON oder Terminal ein.

Base64 Data URI Präfixe nach Format

Nutze diese exakten Präfixe, wenn du deinen kodierten String in HTML oder CSS einbettest.

DateiformatMIME-TypData URI Präfix
PNGimage/pngdata:image/png;base64,
JPEGimage/jpegdata:image/jpeg;base64,
GIFimage/gifdata:image/gif;base64,
WebPimage/webpdata:image/webp;base64,
SVGimage/svg+xmldata:image/svg+xml;base64,

Frequently asked questions

Ist dieses Image to Base64 Tool komplett kostenlos?
Ja. Du kannst so viele Dateien konvertieren, wie du brauchst, ohne zu bezahlen oder ein Konto anzulegen. Für dieses spezielle Tool gibt es keine versteckten Paywalls oder Premium-Stufen.
Funktioniert das Tool auf Mobilgeräten?
Es läuft komplett in deinem Browser, funktioniert also auf iOS und Android genauso wie auf dem Desktop. Du kannst Fotos direkt aus deiner mobilen Kamerarolle oder dem Dateimanager auswählen.
Warum ist mein Base64-String länger als die Originaldatei?
Die Base64-Kodierung übersetzt 3 Bytes Binärdaten in 4 ASCII-Zeichen. Dieser strukturelle Overhead vergrößert die Gesamtgröße um etwa 33 Prozent. Das ist eine mathematische Gewissheit des Kodierungsschemas, kein Bug.
Wie konvertiere ich ein Bild in Base64 ohne das Data URI Präfix?
Das Tool gibt standardmäßig den rohen kodierten String aus. Wenn du das volle Data URI Format für HTML oder CSS brauchst, stellst du den korrekten MIME-Typ-String einfach selbst voran, anhand der Tabelle oben.
Was passiert, wenn ich eine beschädigte Bilddatei hochlade?
Das Tool liest rohe Bytes, also kodiert es die beschädigten Daten trotzdem in einen Base64-String. Das resultierende Bild lässt sich allerdings nicht in einem Browser oder Bildbetrachter anzeigen, weil die zugrundeliegende Binärstruktur kaputt ist.

Teilen

Ähnliche Tools

Base64 zu Bild

Dekodiere Base64-Eingaben in ein Bild.

12
0

Beliebte Tools