Inhaltsverzeichnis

Wie Sie oben sehen können, gibt es zwei Optionen, um Base64 zu Bild Konverter und Bild zu Base64 Konverter auszuwählen. Base64 in Bild konvertiert jede Base64-Zeichenfolge in das Bild-Format. Bild zu Base64 konvertiert das Bild in eine Base64-Zeichenfolge. Bitte klicken Sie je nach Bedarf auf die Option.

Wie man Base64 zu Bild Konverter Tool verwendet?

Das Tool zur Konvertierung von Base64 im Bild hilft beim beim Konvertieren Ihrer Base64-codierten Zeichenfolge im Bild. Sie können das Bild herunterladen, entschädigen Sie auf den Download-Button klicken. Fügen Sie sie einfach Ihre Base64-codierte Zeichenfolge in das Eingabefeld ein und es wird in ein Bild konvertiert und eine Vorschau wird auf die Ansicht überprüft. Sie können auch eine beliebige Textdatei gehört, die eine Base64-codierte Zeichenfolge führt. Es gibt auch Optionen zum Kopieren der Base64-codierten Zeichenfolge und zum Löschen des Ruffelds.

Wie man Bild zu Base64 Konverter Tool verwendet?

Das Bild-zu-Base64-Konverter-Tool hilft Ihnen bei der Konvertierung von Bildern in Base64-codierte Zeichenfolgen, HTML-Bild-Tag-Code und CSS-Hintergrundbildcode. Ziehen Sie das Bild einfach per Drag & Drop in das obige rechteckige Feld oder klicken Sie darauf, um die Bilddatei auszuwählen.

Sobald die Verarbeitung abgeschlossen ist, werden drei Eingabefelder angezeigt. Das erste Eingabefeld enthält eine Base64-codierte Zeichenfolge. Das zweite Eingabefeld enthält HTML-Bild-Tag-Code, den Sie einfach kopieren und direkt in Ihre HTML-Datei einfügen können. Das dritte Feld enthält CSS-Code mit Hintergrundbildeigenschaft. Sie können es kopieren und direkt in die CSS-Datei einfügen. Über jedem Eingabefeld befindet sich auch eine Download-Option, mit der Sie die entsprechenden Daten im Textdateiformat herunterladen können. Das Tool unterstützt fast alle gängigen Bildformate.

Warum sollten Sie Base64 String in Bild konvertieren?

Die Größe der im Daten-URI verwendeten Base64-Zeichenfolge ist 33% größer als die der Originaldatei. Große Datenmengen können die Webleistung beeinträchtigen. Das Konvertieren dieser codierten Daten in ein Bild und die Verwendung als Datei kann die Leistung Ihrer Webanwendung verbessern. Ein weiterer Grund für die Konvertierung von Base64 in ein Bild besteht darin, dass eine Datei auf Ihrer Festplatte gespeichert und mit Bildanzeige- und -bearbeitungswerkzeugen von Drittanbietern angezeigt oder bearbeitet werden kann.

Was ist Base64-Codierung??

Base64 ist eine Textcodierung von Binärdaten. Der codierte Text enthält nur Zahlen, Buchstaben und Symbole wie +, / und =. Es ist als eine der bequemsten Möglichkeiten zum Speichern oder Übertragen von Binärdaten über Medien bekannt, die speziell für Textdaten verwendet werden. Es kann auch problemlos in E-Mail- und HTML-Formulardaten übertragen werden. Der Konvertierungsprozess von Text in Base64 erfordert 4 Zeichen pro 3 Datenbytes sowie möglicherweise ein wenig Auffüllen am Ende. Das Gleichheitszeichen (=) wird zum Auffüllen verwendet. Die codierte Zeichenfolge kann auch als Wert an den Abfrageparameter in einer URL übergeben werden, da es sich um eine URL-sichere Variante handelt.

Warum sollten Sie Base64-Codierung verwenden?

Wenn wir einige Binärdaten haben, die wir über ein Netzwerk übertragen möchten, tun wir dies im Allgemeinen nicht, indem wir nur die Bits und Bytes in einem Rohformat über das Kabel streamen, da einige Medieninhalte zum Streamen von Text erstellt werden. Wenn wir es in Form von Bits oder Bytes übertragen, interpretieren einige Protokolle diese Binärdaten möglicherweise als Steuerzeichen (wie ein Modem). Solche Binärdaten können beschädigt werden, da das zugrunde liegende Protokoll möglicherweise davon ausgeht, dass diese Daten eine Sonderzeichenkombination enthalten. Beispielsweise übersetzt FTP Zeilenenden. Um dieses Problem zu umgehen, codieren wir solche Binärdaten in Zeichen. Base64 ist eine dieser Codierungsarten.

Die Base64-codierte Zeichenfolge enthält 64 ASCII-Zeichen, die die codierten Daten darstellen. Diese 64 Zeichen reichen aus, um Daten beliebiger Länge zu codieren. Der einzige Nachteil der Base64-Codierung besteht darin, dass die Größe der codierten Zeichenfolge im Vergleich zur ursprünglichen Zeichenfolge um 33% größer ist. Alle base64-Zeichen sind in vielen Zeichensätzen vorhanden, und dies stellt sicher, dass die übertragenen Daten definitiv unbeschädigt das andere Ende erreichen. Base64-Zeichen können in 4 Gruppen eingeteilt werden:

• Großbuchstaben (Indizes 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Kleinbuchstaben (Indizes 26-51): abcdefghijklmnopqrstuvwxyz
• Ziffern (Indizes 52-61): 0123456789
• Symbole (Indizes 62-63): +/

Bei Zeichen in einer Base64-codierten Zeichenfolge wird zwischen Groß- und Kleinschreibung unterschieden. Dies bedeutet, dass Sie beispielsweise versuchen, base64-codierte Zeichenfolgen wie ab ==, Ab ==, aB == und AB == zu dekodieren. Sie erhalten 4 verschiedene Ergebnisse. Gleichheitszeichen (=) ist nicht Teil des Index und auch nicht am Codierungsprozess beteiligt. Es wird nur zum Auffüllen verwendet und wird auch als Auffüllzeichen bezeichnet. Es stellt sicher, dass die Base64-codierte Zeichenfolge ein Vielfaches von 4 Bytes sein sollte, weshalb sie immer am Ende der codierten Zeichenfolge angehängt wird. Bitte schauen Sie sich zum besseren Verständnis die unten angegebene Basistabelle für Base64-Zeichen an.

Wo Base64 verwendet wird?

Base64 wird in verschiedenen Kontexten verwendet. Einige von ihnen sind unten angegeben.

• Base64 kann zum Übertragen und Speichern von Textdaten verwendet werden, um jede Art von Trennzeichenkollision zu vermeiden.
• Binärdaten werden mit Base64 in XML-Dateien eingebettet.
• Base64 wird zum Codieren von Binärdateien wie Bildern verwendet, um die Abhängigkeit von externen Dateien zu vermeiden.
• Das Daten-URI-Schema verwendet Base64 auch zur Darstellung von Bilddateien. Aus diesem Grund kann eine Bildquelle in einem HTML-Dokument ein Pfad zu einer externen Datei oder einem Daten-URI sein.
• Base64 wird häufig verwendet, um Geheimnisse ohne den Aufwand für die Verwaltung kryptografischer Schlüssel zu verschleiern, da es einfach und benutzerfreundlich ist.
• Spammer verwenden auch die Base64-Codierung, um grundlegende Anti-Spam-Tools zu vermeiden, da sie Schlüsselwörter in codierten Nachrichten nicht erkennen können.
• In LDIF-Dateien wird Base64 zum Codieren von Zeichenfolgen verwendet.

Was ist Daten-URL oder Daten-URI??

Daten-URL oder URI steht für Data Uniform Resource Locator oder Uniform Resource Identifier. Es ist einfach ein Schema, das einen Mechanismus zum Inline-Daten in einem HTML-Dokument bereitstellt. Der Daten-URI enthält eine Base64-codierte Zeichenfolge, die eine Datei darstellt.

Es kann verschiedene Arten von Dateien geben, meistens handelt es sich jedoch um eine Bilddatei. Wenn Bilddaten im Base64-codierten Zeichenfolgenformat vorliegen, müssen Sie lediglich einen Bildspeicherort angeben, um ein Bild im Web anzuzeigen. Sie können diese codierte Zeichenfolge direkt als Wert des Quellattributs verwenden, um ein Bild anzuzeigen. Immer wenn der Browser auf Daten-URI stößt, kann er die Datei dekodieren und die Originaldatei erstellen. Das Daten-URI-Schema enthält Informationen über die Datei, z. B. den MIME-Typ sowie die Base64-codierte Zeichenfolge. Bitte schauen Sie sich den unten angegebenen Code an.

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

Abhängig von der Dateigröße kann die Länge der Base64-codierten Zeichenfolge variieren. Sie können den Daten-URI sowohl in der CSS-Datei als auch in der HTML-Datei verwenden.

Vorteile der Verwendung von Daten-URL oder Daten-URI

Der Hauptvorteil der Verwendung von Daten-URI anstelle des Dateipfads besteht in der Reduzierung der Anzahl ausgehender http-Anforderungen. Zu viele http-Anforderungen an den Server, die immer wieder dieselbe Datei anfordern, können die Belastung des Servers erhöhen. Wenn Sie es direkt in HTML einbetten, gibt es keine ausgehenden Anforderungen mehr, da die Datei bereits im verschlüsselten Format im HTML-Dokument vorhanden ist. Der Browser muss es nur dekodieren und anzeigen. Wie oben erwähnt, ist die Größe der Base64-Zeichenfolge im Daten-URI 33% größer als die tatsächliche Dateigröße. Es dreht sich alles um Leistungsoptimierung und hängt streng von Ihrer Wahl ab, welche Methode Sie zum Laden von Dateien bevorzugen.

Der Daten-URI wird nicht vom Browser zwischengespeichert, sodass der Browser jedes Mal, wenn ein Benutzer die Webseite besucht, den gesamten HTML-Code herunterladen und eingebettete Daten dekodieren muss. Eine zu häufige Verwendung von Daten-URI in HTML kann die Leistung einer Website erheblich beeinträchtigen. Sie müssen die Nutzung so gering wie möglich halten. Aufgrund der drahtlosen Hochgeschwindigkeitsverbindung sehen Sie möglicherweise keinen großen Unterschied in Bezug auf die Leistung von Desktops oder Laptops. Bei Mobilgeräten mit langsamer Internetgeschwindigkeit kann dies jedoch erheblich schaden. Wenn das Laden Ihrer Website auf Mobilgeräten zu lange dauert, kommt es definitiv zu Umsatzverlusten und zu einer geringen bis gar keinen Benutzerinteraktion.

Unterstützung für Daten-URI-Browser

Daten-URI werden von allen modernen Browsern unterstützt. Die älteren Browser wie IE5 und IE7 unterstützen dies nicht. Vermeiden Sie daher die Verwendung, wenn Sie Unterstützung für diese Browser benötigen oder online nach einer alternativen Lösung suchen können. Bitte werfen Sie einen Blick auf die unten angegebene Liste der unterstützten Browser.

• Firefox Version 2+
• Opera Version 7.2+ (Die Länge der Daten-URIs darf nicht länger als 4100 Zeichen sein.)
• Chrome (alle Versionen werden unterstützt)
• Safari (alle Versionen werden unterstützt)
• Internet Explorer 8+ (Die Größe der Daten-URIs muss kleiner als 32 KB sein.)