Bild zu Base64

Bilder in Base64-Daten-URIs codieren. Bilder direkt in HTML/CSS einbetten, ohne externe Dateien. 100% privat.

Drop an image here or click to browse

About Image to Base64

Bilder in Base64-codierte Daten-URIs umwandeln. Nützlich, um kleine Bilder inline in HTML-E-Mails, CSS-Hintergründen oder einseitigen Webseiten einzubetten.

Sofortige Codierung

Laden Sie ein Bild hoch und erhalten Sie sofort seinen Base64-Daten-URI. Unterstützt JPG, PNG, WebP, GIF und SVG-Formate.

Inline-Einbettung

Perfekt, um kleine Bilder direkt in HTML-src-Attribute, CSS-Hintergrundbild-URLs oder einseitige Webseiten einzubetten.

100% privat

Die FileReader-API liest das Bild vollständig in Ihrem Browser. Kein einziges Byte wird an einen Server gesendet – Ihre Dateien bleiben lokal.

Kopieren und Herunterladen

Kopieren Sie den Daten-URI mit einem Klick in die Zwischenablage oder laden Sie ihn als .txt-Datei für Ihre Projekte herunter.

📋 Common Use Cases

Inline-Bildeinbettung in HTML

Kleine Icons und Logos in Base64-Strings umwandeln, um sie direkt in HTML einzubetten, ohne separate Bilddatei-Anfragen.

Optimierung von CSS-Hintergrundbildern

Bilder als Daten-URIs für CSS-Hintergrund-Eigenschaften codieren, um zusätzliche HTTP-Anfragen beim Laden der Seite zu vermeiden.

Grafiken für E-Mail-Signaturen

Kleine Bilder oder Logos als Base64 in HTML-E-Mail-Signaturen einbetten, für eine zuverlässige Darstellung in allen E-Mail-Clients.

JavaScript-Bilddatenverarbeitung

Base64-Strings generieren, um Bilddaten in JavaScript-Variablen für Canvas-Operationen oder dynamisches Rendering zu speichern.

🪜 How to Use This Tool

  1. Bild hochladen
    Wählen Sie eine beliebige Bilddatei bis zur Speichergrenze Ihres Browsers – JPG, PNG, WebP, GIF und SVG werden unterstützt.
  2. Sofortige Codierung
    Das Bild wird automatisch in einen Base64-Daten-URI-String umgewandelt, ohne dass Sie auf einen Button klicken müssen.
  3. Daten-URI kopieren
    Klicken Sie auf die Kopieren-Schaltfläche, um den vollständigen Daten-URI-String in die Zwischenablage zu kopieren, einschließlich des MIME-Typ-Präfixes.
  4. In Ihren Code einfügen
    Verwenden Sie den Daten-URI direkt in HTML-src-Attributen, CSS-url()-Werten oder JavaScript-Variablen.

📚 Related Guides

Frequently Asked Questions

Ist dieses Bildtool wirklich kostenlos?▼
Ja. Jedes Bildtool ist komplett kostenlos. Keine Anmeldung, kein Konto, keine Zahlung. Die gesamte Verarbeitung erfolgt in Ihrem Browser.
Werden meine Bilder auf einen Server hochgeladen?▼
Nein. Die gesamte Bildverarbeitung erfolgt lokal in Ihrem Browser. Ihre Bilder verlassen niemals Ihr Gerät. Dies ist besonders wichtig für sensible Fotos, Ausweise und persönliche Dokumente.
Wie funktioniert der KI-Hintergrundentferner?▼
Er verwendet die @imgly/background-removal-Bibliothek, die ein IS-Net-Neuronales Netzwerk vollständig in Ihrem Browser über WebAssembly ausführt. Bei der ersten Verwendung wird ein Modell von ca. 10 MB heruntergeladen (für spätere Besuche zwischengespeichert). Es werden keine Bilddaten an einen Server gesendet.
Welche Dateiformate werden unterstützt?▼
JPEG, PNG, WebP, SVG, GIF, BMP und HEIC. Die Konvertierung zwischen allen Formaten wird unterstützt. KI-Funktionen funktionieren mit JPEG- und PNG-Eingaben.
Wie groß darf das Bild maximal sein?▼
Bilder bis ca. 4000x4000px werden auf modernen Geräten problemlos verarbeitet. Sehr große Bilder können langsamer sein. Für die Stapelverarbeitung werden maximal 20 Bilder gleichzeitig empfohlen.