Bild zum Base64-Konverter

Ein Konverter von Image nach Base64 verwandelt den Binärinhalt einer Bilddatei in eine Base64-Textzeichenfolge, die normalerweise in einen Daten-URI wie Data:image/png;base64,iVBORw0KG eingewickelt ist... Base64 ist eine Kodierung, die beliebige Binärdaten mit 64 druckbaren ASCII-Zeichen darstellt, sodass die resultierende Zeichenfolge direkt in HTML, CSS, JSON oder SVG leben kann, ohne dass eine separate Dateianforderung erforderlich ist. Dieser Konverter läuft auch umgekehrt: Fügen Sie eine Base64-Zeichenfolge oder einen vollständigen Daten-URI ein und erstellt das Originalbild für die Vorschau und den Download neu.

Entwickler betten Bilder als Base64 ein, um HTTP-Anfragen zu reduzieren, kleine Symbole und Logos so zu inline zu setzen, dass sie in dem Moment erscheinen, in dem eine Seite malt, und um in sich geschlossene Dateien zu versenden, in denen ein Bild und sein Markup zusammen wandern. Ein Daten-URI trägt seinen eigenen MIME-Typ, weshalb ein Browser Daten rendern kann: Bild/png; base64,... als Bild in dem Moment, in dem es das Attribut analysiert. Der Kompromiss ist die Größe: Base64 bläst Daten um etwa ein Drittel auf, sodass es für kleine Assets weitaus besser geeignet ist als für große Fotos.

Dieses Tool erledigt seine ganze Arbeit in Ihrem Browser Das Bild wird lokal mit der Browser-Datei-API gelesen und codiert, und das Bild selbst wird nie auf einen Server hochgeladen, der private Grafiken und Screenshots auf Ihrem eigenen Computer speichert Neben der rohen Base64 erhalten Sie einen einfügefertigen Daten-URI, ein HTML-Img-Tag und eine CSS-Hintergrundbilddeklaration sowie die dekodierte Byte-Größe, damit Sie beurteilen können, ob sich das Inlining lohnt, bevor Sie sich verpflichten.

Die Richtung des Base64-zu-Bild-Konverters lässt sich leicht mit einer bekannten Zeichenfolge überprüfen Fügen Sie die 96-stellige PNG-Zeichenfolge, die iVBORw0KGgo (ein einzelnes 1×1 Pixel) startet, in Base64 zu Bild ein und drücken Sie Decode to image Sie eine Vorschau und eine Download-Bildtaste, die dekodierte.png, eine 70-Byte-Datei speichert. Führen Sie diese Datei durch Image zurück zu Base64 und die Vorschauzeile liest Bild/png ·70 B dekodierte ·96 Base64-Spars. Um Base64 in Bilddateien in anderen Formaten umzuwandeln, fügen Sie den vollständigen Daten-URI ein, damit der richtige Typ beibehalten wird.

Eine praktische Vorsicht: Ein Daten-URI ist etwa ein Drittel größer als die von ihm kodierte Datei und kann vom Browser nicht separat zwischengespeichert werden. Daher kostet das Einfügen von Dingen außerhalb eines kleinen Symbols normalerweise mehr als die gespeicherte Anfrage.