Image to Base64 Converter

Wandeln Sie Bilder in Base64-Strings um – ideal für Data-URLs in Webanwendungen

1. Bild auswählen

Klicken Sie hier zum Hochladen

oder ziehen Sie ein Bild per Drag & Drop

Unterstützte Formate: JPG, PNG, GIF, WebP, SVG, BMP (max. 10 MB)

Ausgabeformat:

Data URL (vollständig) Nur Base64 (ohne Header) CSS background-image HTML img src

2. Bildvorschau & Informationen

Vorschau

Bildinformationen

Dateigröße

0 Bytes

Typ

Abmessungen

3. Base64-String

Konvertierter String:

4. Verwendungsbeispiele

HTML img-Tag

CSS background-image

background-image: url('data:image/png;base64,iVBORw0...');

JavaScript Data URL

                        const img = new Image();

                        img.src = 'data:image/png;base64,iVBORw0...';

Über Base64-Bilder

Base64 ist eine Kodierung, die Binärdaten in ASCII-Zeichen umwandelt. Bilder als Base64 können direkt in HTML, CSS oder JavaScript eingebettet werden – ohne separate Datei.

Vorteile

Weniger HTTP-Requests
Alles in einer Datei
Ideal für kleine Bilder
Keine separaten Dateien

Nachteile

Größer als Binär (~33%)
Nicht cachbar einzeln
Ungeeignet für große Bilder
Schlechter für SEO

JPG PNG GIF SVG WebP