Bilder zu Base64 konvertieren – Inline Embedding

Base64 ermöglicht es, Bilder direkt in HTML oder CSS einzubetten. Perfekt für kleine Icons oder wenn keine separaten Dateien gewünscht sind.

Was ist Base64?

**Text-Format**: Bilder werden als Text-String kodiert

**Inline Embedding**: Direkt in HTML/CSS einbettbar

**Keine separaten Dateien**: Alles in einer Datei

Konvertierung

1. Öffne unseren Image to Base64 Converter

2. Lade dein Bild hoch

3. Wähle zwischen Data URI oder Raw Base64

4. Kopiere den Code oder lade als TXT herunter

Verwendung

In HTML:



In CSS:
background-image: url(data:image/png;base64,iVBORw0KG...);

Wann verwenden?

**Kleine Icons**: Für Icons unter 10KB
**Inline-Embedding**: Wenn keine separaten Dateien gewünscht
**Single-File-Apps**: Alles in einer Datei
**Email-Templates**: Für HTML-E-Mails

Tipps

Nur für kleine Bilder (< 10KB empfohlen)
Größere Bilder erhöhen HTML/CSS-Größe deutlich
Data URI Format für direkte Verwendung