Bild zu Base64 Konverter

Bilder und Base64-Kodierung gegenseitig konvertieren, Drag & Drop Upload und Echtzeitvorschau unterstützt

Bild hochladen

Bild hierher ziehen oder klicken zum Auswählen

JPG, PNG, GIF, WebP, SVG und andere Formate unterstützt

Was ist Base64-Bildkodierung?

Base64 ist ein Kodierungsverfahren, das 64 druckbare Zeichen verwendet, um Binärdaten darzustellen. Base64-Bildkodierung konvertiert die Binärdaten eines Bildes in einen ASCII-String, der direkt in HTML, CSS, JSON und anderen Textformaten eingebettet werden kann.

Data URL Format: data:image/[format];base64,[kodierte_daten]

Verwendung

Bild -> Base64

  1. Bild in den Upload-Bereich ziehen oder auf Datei auswählen klicken
  2. Ausgabeformat wählen: Mit Data URL-Präfix oder reines Base64
  3. "Base64 kopieren" Button klicken, um Ergebnis zu kopieren
  4. Kopierten Inhalt an gewünschter Stelle einfügen

Base64 -> Bild

  1. Base64-String in das Eingabefeld einfügen
  2. "Zu Bild konvertieren" Button klicken
  3. Konvertierungsergebnis anzeigen und Bild herunterladen

Anwendungsbeispiele

Verwendung in HTML

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg..." alt="image description">

Verwendung in CSS

.background {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...');
}

Senden über JSON API

{
    "image": "iVBORw0KGgoAAAANSUhEUgAAAAUA...",
    "format": "png"
}

Häufig gestellte Fragen (FAQ)

F: Warum ein Bild in Base64 konvertieren?

A: Base64-Kodierung kann HTTP-Anfragen reduzieren und eignet sich für kleine Icons, Hintergrundbilder usw. Da das Bild direkt in den Code eingebettet werden kann, sind keine zusätzlichen Dateianfragen nötig.

F: Wird das Bild nach Base64-Kodierung größer?

A: Ja, Base64-Kodierung erhöht die Daten um etwa 33%. Es wird empfohlen, nur kleine Bilder (normalerweise unter 10KB) mit Base64 zu kodieren.

F: Ist Base64 für große Bilder geeignet?

A: Nicht empfohlen. Große Bilder erzeugen sehr lange Strings, die die HTML/CSS-Dateigröße erhöhen und die Ladeleistung beeinträchtigen. Bild-CDNs oder Lazy-Loading werden empfohlen.

F: Werden Bilder auf den Server hochgeladen?

A: Nein. Alle Konvertierungen erfolgen lokal im Browser, Bilddaten werden nicht auf den Server hochgeladen und schützen Ihre Privatsphäre.