Bild-zu-Base64-Konverter

Alle Werkzeuge
Legen Sie ein Bild ab, um es sofort in Base64 zu kodieren – alles läuft in Ihrem Browser, es wird nichts auf den Server hochgeladen.
Bild hierher ziehen und ablegen
oder klicken zum Durchsuchen – Sie können auch aus der Zwischenablage einfügen
Bild auswählen
Vorschau
  • Dateiname
    —
  • Typ
    —
  • Abmessungen
    —
  • Originalgröße
    —
  • Base64-Größe
    —
    • Ihr Base64-String erscheint hier, sobald Sie ein Bild hinzufügen.

    Über Bild-zu-Base64-Konverter

    Der Bild-zu-Base64-Konverter kodiert jedes Bild vollständig in Ihrem Browser in einen Base64-String oder eine einsatzbereite Daten-URI. Ziehen Sie eine Datei in die Ablagefläche, durchsuchen Sie danach oder fügen Sie ein Bild direkt aus der Zwischenablage ein – die kodierte Ausgabe erscheint sofort, zusammen mit einer Vorschau.

    Sie wählen zwischen rohem Base64 (nur die kodierten Bytes) und einer vollständigen Daten-URI im Format data:image/…;base64,…, die direkt in ein CSS background-image, ein HTML img src oder eine JSON-Nutzlast eingefügt werden kann. Ein Detailbereich zeigt Dateiname, MIME-Typ, Pixelabmessungen, Originalgröße und kodierte Größe an.

    Da die Datei lokal mit der FileReader-API gelesen wird, wird nichts auf einen Server hochgeladen – nützlich, wenn das Bild ein Logo, ein Screenshot eines internen Dashboards oder ein anderes Asset ist, das Sie keinem Dritten überlassen möchten.

    So verwenden Sie Bild-zu-Base64-Konverter

    1. Ziehen Sie ein Bild auf die Seite, klicken Sie zum Durchsuchen, oder fügen Sie eines aus der Zwischenablage ein.
    2. Wählen Sie das Ausgabeformat: rohes Base64 oder eine Daten-URI.
    3. Prüfen Sie die Vorschau und die Bilddetails (Typ, Abmessungen, Original- vs. kodierte Größe).
    4. Klicken Sie auf „Base64 kopieren“, um den String für Ihr CSS, HTML oder JSON zu übernehmen.

    Häufig gestellte Fragen

    Nein. Die Datei wird lokal in Ihrem Browser mit der FileReader-API gelesen und kodiert. Sie erreicht nie einen Server, weshalb das Ergebnis auch bei größeren Bildern sofort erscheint.

    Ja, er ist kostenlos, ohne Begrenzung, wie viele Bilder Sie konvertieren.

    Einbetten eignet sich für kleine Assets – Icons, winzige Logos, E-Mail-Bilder –, bei denen das Einsparen einer HTTP-Anfrage wichtiger ist als Caching-Effizienz. Große Fotos werden besser als normale Dateien ausgeliefert, da Base64 auch das unabhängige Caching deaktiviert.

    Base64 stellt jeweils 3 Bytes mit 4 ASCII-Zeichen dar, sodass der kodierte String etwa 33 % größer ist als die Originaldatei. Der Detailbereich zeigt beide Größen, damit Sie den Kompromiss abwägen können.

    Rohes Base64 sind nur die kodierten Bytes – nützlich für APIs und JSON-Felder. Eine Daten-URI umschließt diese Bytes mit dem MIME-Typ-Präfix (data:image/png;base64,…), sodass Browser sie direkt in src-Attributen und CSS-url()-Werten rendern können.
    Teilen
    Verwandte Tools
    Base64 kodieren / dekodieren Text in Base64 kodieren oder zurückdekodieren. Kostenlos
    URL kodieren / dekodieren Einen String prozentual kodieren oder dekodieren (RFC 3986). Kostenlos
    Online-Bildbearbeiter Zuschneiden, skalieren, zeichnen, Text hinzufügen, Filter, Aufkleber und mehr — direkt im Browser. Kostenlos
    Code-zu-Bild-Konverter Verwandeln Sie einen Code-Schnipsel in ein schönes, teilbares Bild – mit Themes, Hintergründen, Fensterchrom und mehr. Kostenlos
    Weltweite Datums- & Zeitformate Sehen Sie, wie Datum und Uhrzeit weltweit geschrieben werden – wählen Sie Länder oder Sprachen und vergleichen Sie ihre Formate sofort. Kostenlos
    JSON ↔ YAML Konvertieren Sie JSON in YAML und zurück, mit Validierung. Kostenlos
    Beliebte Suchen
    Bild zu Base64 Base64 Bild Encoder Bild Data URI Bild Base64 umwandeln PNG zu Base64 inline Bild Base64
    Brauchen Sie Hilfe?
    Ein Problem mit diesem Tool gefunden? Sagen Sie es unserem Team.
    Problem melden

    Füge dieses kostenlose Tool zu deiner eigenen Website hinzu — kopiere den Code unten und füge ihn ein.