Tool Hub

Base64-Bild

Konvertiert Bilder von und nach data:image Base64-Strings

Herunterladen

Wie man es benutzt

  1. Laden Sie eine Bilddatei hoch oder ziehen Sie sie in die Ablage, um sie zu kodieren.
  2. Kopieren Sie die generierte data:image Base64-Zeichenkette zur Inline-Verwendung in HTML, CSS oder JSON.
  3. Zum Dekodieren fügen Sie eine vorhandene data:image-Zeichenkette ein und das Originalbild wird zum Download angezeigt.
  4. Verwenden Sie Base64-Einbettung für kleine Ressourcen, um eine HTTP-Anfrage zu sparen; vermeiden Sie es für große Bilder.

Beispiele

  • Betten Sie ein kleines Symbol direkt in CSS ein: background: url(data:image/png;base64,iVBOR...).
  • Fügen Sie eine data:image/svg+xml;base64-Zeichenkette ein, um die Originaldatei anzuzeigen und herunterzuladen.

Ergebnisse vor dem Produktiveinsatz prüfen. Keine Gewährleistung — siehe Nutzungsbedingungen.