Bild zu Base64

Bild zu Base64

Dieses Tool konvertiert eine Bilddatei in eine Base64-codierte Daten-URI-Zeichenfolge. Sie können diese Zeichenfolge direkt in HTML oder CSS einbetten, sodass keine separate Bilddateianforderung erforderlich ist.

Die Base64-Kodierung erhöht die Datengröße um ca. 33 % und eignet sich daher am besten für kleine Bilder wie Symbole und Logos statt für große Fotos.

Dateien werden lokal im Browser gelesen. Das Bild wird nicht an einen Server hochgeladen, und die Eingabe ist fuer stabile Leistung auf ein Bild bis 2 MB begrenzt.

Wie zu verwenden

1. Ziehen Sie eine Bilddatei per Drag-and-Drop in den Upload-Bereich oder klicken Sie, um sie auszuwählen.
2. Der Base64-codierte Daten-URI erscheint im Texteditor unten.
3. Verwenden Sie Kopieren, um das Ergebnis zu kopieren, oder Speichern, um es als Textdatei herunterzuladen.

Bilder in HTML einbetten

Sie können Base64-Daten-URIs direkt in HTML-IMG-Tags verwenden: <img src="data:image/png;base64,...">

In CSS können Sie Daten-URIs für Hintergrundbilder verwenden: background: url('data:image/png;base64,...')

Mit Python konvertieren

Konvertieren Sie ein Bild mit Python in Base64:

import base64
from PIL import Image

with open('image.png', 'rb') as f:
    encoded = base64.b64encode(f.read())
data_uri = 'data:image/png;base64,' + encoded.decode()