Base64 Bild
Bilder in Base64-Data-URIs und zurück konvertieren, mit Drag-and-Drop und Vorschau
Klicken oder ziehen Sie ein Bild hierher zum Hochladen
PNG / JPG / GIF / SVG / WebP / BMP unterstützt
{{ imageInfo.name }} · {{ imageInfo.sizeText }}
Klicken, um ein anderes Bild zu wählen
Länge: {{ base64Output.length }} Zeichen
MIME: {{ imageInfo.mime }}
Zeichen: {{ base64Input.length }}
{{ errorMsg }}
{{ decodedImageInfo.mime }} · {{ decodedImageInfo.sizeText }}
Über Base64-Bildkonvertierung
Die Base64-Bildkonvertierung wandelt eine Bilddatei in einen Base64-kodierten Data-URI-String um. Ein Data-URI bettet Bilddaten direkt in HTML oder CSS ein, im Format data:image/png;base64,....
Häufige Verwendungszwecke für Base64-Bilder sind die Verringerung von HTTP-Anfragen (Einbetten kleiner Bilder in HTML), das Einbetten von CSS-Hintergrundbildern, das Einfügen von Bildern in E-Mails und das Referenzieren von Bildern in Markdown.
Dieses Tool funktioniert in beide Richtungen: Konvertieren Sie eine Bilddatei in einen Base64-Data-URI oder wandeln Sie einen Base64-Data-URI zurück in ein Bild und laden es herunter. Alles läuft in Ihrem Browser.
FAQ
F: Wird das Bild nach der Base64-Konvertierung größer?
A: Ja. Base64 erhöht die Datengröße um etwa 33 %. Verwenden Sie bei großen Bildern das Einbetten mit Vorsicht, da es das Laden der Seite verlangsamen kann.
F: Welche Bildformate werden unterstützt?
A: PNG, JPEG, GIF, SVG, WebP, BMP, ICO und andere gängige Formate. Der MIME-Typ wird bei der Ausgabe automatisch erkannt.
F: Wie verwende ich ein Base64-Bild in CSS?
A: Verwenden Sie
background-image: url(data:image/png;base64,...). Dieses Tool bietet einen Button „CSS-Hintergrund kopieren“, der fertigen CSS-Code zum Einfügen mit einem Klick erzeugt.