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 Datei-API gelesen, mit einer handgeschriebenen Base64-Routine codiert und niemals auf einen Server hochgeladen, der private Grafiken und Screenshots auf Ihrem eigenen Computer speichert Neben dem rohen Base64 erhalten Sie einen einfügefertigen Daten-URI, ein HTML-img-Tag und eine CSS-Hintergrundbilddeklaration sowie die dekodierte Bytegröße, damit Sie beurteilen können, ob sich das Inlinen lohnt, bevor Sie sich verpflichten.

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.