Bild zu Base64

Bild zu Base64 ist ein kostenloses Tool, das eine Bilddatei in eine Base64-codierte Textzeichenfolge umwandelt.

Was ist Base64 und wofür wird es verwendet?

Base64 wandelt die Binärdaten des hochgeladenen Bildes in Text um. Dadurch lassen sich die Daten durch Systeme übertragen, die hauptsächlich für Text ausgelegt sind. Jeweils drei Bytes der Quelldaten werden dabei als vier druckbare Zeichen aus einem festgelegten Zeichensatz dargestellt.

Das ist hilfreich, wenn ein Format keine separate Binärdatei übertragen kann. Ein Bild lässt sich so in eine Daten-URL, eine JSON-Eigenschaft oder einen MIME-Teil einer E-Mail einfügen, ohne die ursprünglichen Bytes im üblichen Binärformat anzuhängen. Die erzeugte Base64-Zeichenfolge ist codiert, nicht verschlüsselt. Jeder, der sie erhält, kann sie decodieren. Base64 bietet daher weder Vertraulichkeit noch Zugriffsschutz.

Ein sehr kleines Beispiel mit Text-Bytes zeigt, wie das Verfahren funktioniert.

• Der Eingabetext lautet <svg></svg>
• Die Base64-Ausgabe lautet PHN2Zz48L3N2Zz4=

Die meisten Bilder bestehen aus Binärdaten und nicht aus lesbarem Markup. Ihre Eingabe sieht deshalb nicht wie dieses Textbeispiel aus. Das Prinzip ist bei PNG, JPEG, GIF, WebP und anderen Bildformaten dasselbe.

Wie wandle ich ein Bild in Base64 um?

Wähle das Bild als Eingabe aus, starte die Umwandlung und kopiere den zurückgegebenen Wert aus dem Feld Base64-kodiert. Das Tool wendet die PHP-Funktion base64_encode auf die Bilddaten an.

1. Wähle das Bild aus, das als Text dargestellt werden soll.
2. Warte, bis die Seite die Datei verarbeitet und den codierten Wert ausgibt.
3. Kopiere die vollständige Zeichenfolge einschließlich aller Gleichheitszeichen am Ende.
4. Ergänze die erforderliche umschließende Syntax, falls das Zielsystem eine Daten-URL, einen JSON-Wert oder einen anderen Container erwartet.

Die Verarbeitung erfolgt auf dem Server. Dein Bild wird über HTTPS an den Server übertragen und nicht gespeichert. Da die Umwandlung serverseitig stattfindet, solltest du nicht davon ausgehen, dass die Datei währenddessen auf deinem Gerät bleibt.

Wie verwende ich die erzeugte Base64-Zeichenfolge?

Du kannst die Zeichenfolge als reines Base64 verwenden oder in die Syntax einfügen, die das empfangende System verlangt. Base64 selbst enthält keine Angaben zu Bildformat, Dateiname, Abmessungen oder Verwendungszweck.

Bei einer HTML- oder CSS-Daten-URL steht vor dem codierten Wert normalerweise ein Medientyp mit Base64-Kennzeichnung. Eine PNG-Daten-URL beginnt mit data:image/png;base64,, unmittelbar gefolgt von der Zeichenfolge. Für JPEG wird image/jpeg verwendet, für SVG üblicherweise image/svg+xml. Ein falscher Medientyp kann dazu führen, dass Software ein ansonsten gültiges Bild nicht anzeigt.

In JSON wird Base64 normalerweise als Zeichenfolge in Anführungszeichen gespeichert, häufig zusammen mit einem separaten Feld für den Medientyp. Füge kein Präfix für eine Daten-URL hinzu, wenn eine API ausdrücklich reines Base64 verlangt. Lies die Dokumentation der API, bevor du den vom Tool ausgegebenen Wert verwendest, denn diese beiden Eingabeformen sind nicht austauschbar.

Wo wird Base64 in realen Systemen eingesetzt?

Base64 begegnet dir häufig, wenn Binärdaten über ein textbasiertes Format oder Protokoll übertragen werden müssen. Typische Beispiele sind:

• Daten-URLs, die in HTML, CSS oder erzeugte Dokumente eingebettet sind.
• JSON-Nutzdaten, die an APIs gesendet werden, welche Bildinhalte in einer Texteigenschaft akzeptieren.
• E-Mail-Nachrichten, bei denen MIME Anhänge und eingebettete Bilder als Base64 codieren kann.
• Abfragezeichenfolgen, wobei Standard-Base64-Zeichen unter Umständen zusätzlich URL-codiert werden müssen.
• Konfigurationsdateien und XML-Dokumente, die nicht direkt beliebige Binärdaten enthalten können.

Internationalisierte Domainnamen sind ein weiteres Beispiel dafür, dass Daten in einen eingeschränkten Zeichensatz umgewandelt werden. Sie verwenden jedoch Punycode statt Base64. Für Werte in einer URL kann außerdem ein URL-Codierer nötig sein, da Standard-Base64 Pluszeichen, Schrägstriche und Gleichheitszeichen enthalten kann.

Warum schlägt die Base64-Decodierung fehl oder erzeugt unleserliche Zeichen?

Die Decodierung kann fehlschlagen, wenn die Eingabe ein mitkopiertes Präfix enthält, beschädigt oder abgeschnitten ist oder nicht dem vom Decoder erwarteten Base64-Format entspricht. Unleserliche Zeichen bedeuten häufig, dass gültige binäre Bilddaten decodiert und anschließend fälschlicherweise als normaler Text angezeigt wurden.

• Ein mitkopiertes Präfix kann einen Fehler verursachen, wenn ein Decoder ausschließlich Base64 erwartet. Entferne Text wie data:image/png;base64,, bevor du einen Decoder für reines Base64 verwendest.
• Beschädigte oder abgeschnittene Eingaben können zu einem unvollständigen Bild führen, das sich nicht öffnen lässt.
• Doppelte Codierung ergibt nach der ersten Decodierung erneut eine Base64-Zeichenfolge. Eine zweite Decodierung kann nötig sein, wenn bereits codierte Daten nochmals codiert wurden.
• Ein falsches Alphabet kann einen Fehler auslösen, wenn der Decoder eine andere Variante erwartet. Base64url verwendet Bindestriche und Unterstriche an den Stellen, an denen Standard-Base64 Pluszeichen und Schrägstriche nutzt.
• Fehlende Auffüllzeichen können bei strikten Decodern Probleme verursachen. Standard-Base64 kann mit einem oder zwei Gleichheitszeichen enden, einige Systeme lassen diese jedoch absichtlich weg.

Wenn das decodierte Ergebnis aus Binärdaten besteht, speichere es im richtigen Bildformat, statt es in einem Texteditor zu öffnen. Der Base64-Decoder oder das Tool Base64 zu Bild kann bei der Rückumwandlung helfen, sofern die Zeichenfolge vollständig ist und das erwartete Format verwendet.

Formatvarianten und problematische Eingaben

Standard-Base64 eignet sich für E-Mails, Daten-URLs und Systeme, die dieses Format ausdrücklich verlangen. Verwende für URL-Pfade, Abfrageparameter und Token die vom empfangenden System geforderte Variante. Base64url kann geeignet sein, wenn die jeweilige Spezifikation es vorsieht. Dieses Tool nutzt die Standardoperation base64_encode von PHP. Gehe deshalb nicht davon aus, dass das Ergebnis Base64url ist.

Das Tool codiert die Bytes des hochgeladenen Bildes. Leerzeichen, Satzzeichen, Zahlen, Zeichen mit Akzenten und nicht lateinischer Text innerhalb einer SVG-Datei oder in Bildmetadaten werden als Teil dieser Bytes codiert. Ein Dateiname mit solchen Zeichen ist vom Dateiinhalt getrennt und wird nicht automatisch durch Base64 abgebildet.

In PHP gibt base64_encode für eine leere Bytefolge einen leeren Wert zurück. Große Dateien erzeugen lange Zeichenfolgen. Base64 erhöht die ursprüngliche Byteanzahl um ungefähr ein Drittel, noch bevor umschließende JSON- oder Daten-URL-Syntax hinzukommt. Das Verfahren komprimiert das Bild nicht, verbessert nicht seine Qualität und verändert auch nicht seine Pixelabmessungen.

Häufig gestellte Fragen

Kann ich ein Base64-Bild direkt in CSS einfügen?

Ja. CSS-Eigenschaften, die Bild-URLs akzeptieren, können eine korrekt aufgebaute Daten-URL verwenden. Das eignet sich gut für kleine, eigenständige Ressourcen. Größere eingebettete Bilder erhöhen jedoch die Größe des Stylesheets und können nicht getrennt von der CSS-Datei zwischengespeichert werden.

Warum enthält meine Base64-Zeichenfolge Zeilenumbrüche?

Die Zeilenumbrüche entstehen nicht durch dieses Tool, denn die PHP-Funktion base64_encode gibt einen durchgehenden Wert ohne Zeilenumbrüche zurück. Umbrüche entstehen durch späteres Kopieren oder eine weitere Verarbeitung an anderer Stelle. Viele Decoder ignorieren Leerraum, strikte APIs können ihn jedoch ablehnen. Verwende deshalb eine ununterbrochene Zeichenfolge, wenn die Spezifikation des empfangenden Systems dies verlangt.

Ändert sich der Base64-Wert, wenn ich die Bilddatei umbenenne?

Nein, denn Base64 bildet die Bytes der Datei ab, nicht ihren Dateinamen. Wenn du eine ansonsten unveränderte Datei umbenennst, bleibt ihre Codierung daher gleich. Änderungen an den Metadaten, erneutes Speichern oder die Umwandlung in ein anderes Format verändern dagegen die Bytes und erzeugen eine andere Zeichenfolge.

Kann Base64 ein privates Bild schützen?

Nein. Base64 lässt sich ohne Passwort oder geheimen Schlüssel rückgängig machen. Verwende für vertrauliche Inhalte eine geeignete Verschlüsselung, Authentifizierung und Zugriffskontrolle. Beachte außerdem, dass dieses Tool das Bild zur Verarbeitung über HTTPS an seinen Server sendet.

Wie kann ich prüfen, ob die Umwandlung funktioniert hat?

Decodiere die vollständige Zeichenfolge und öffne das Ergebnis mit einem Bildbetrachter, der das ursprüngliche Format unterstützt. Prüfe, ob Abmessungen und sichtbarer Inhalt mit der Quelldatei übereinstimmen. Behalte alle Auffüllzeichen am Ende bei, sofern das Zielsystem nicht ausdrücklich verlangt, sie zu entfernen.