Zum Inhalt springen

Bild zu Base64

Beliebiges Bild als Base64-Data-URI kodieren — erledigt

Werkzeug wird vorbereitet…

Bild zu Base64

Dateien hier ablegen

oder zum Auswählen klicken

    Optionen werden geladen …

    Noch keine Dateien. Fügen Sie Dateien hinzu, um loszulegen.

    Wie man ein Bild als Base64 kodiert

    1. Bild hier ablegen

      Laden Sie ein PNG, JPG oder WebP — es wird lokal gelesen, nie hochgeladen.

    2. Data-URI kopieren

      Die vollständige Base64-Data-URI erscheint sofort, bereit zum Kopieren.

    3. Überall einsetzbar

      In CSS, HTML img src oder JSON einfügen oder als .txt-Datei speichern.

    Häufige Fragen

    Wie konvertiere ich ein Bild zu Base64?

    Legen Sie das Bild auf die Seite. Die Datei-Bytes werden lokal gelesen und als Base64-Data-URI kodiert, bereit zum Kopieren oder Herunterladen als .txt-Datei.

    Ändert die Kodierung die Bildqualität?

    Nein. Base64 ist eine verlustfreie Textdarstellung der exakten Original-Bytes. Das spätere Dekodieren der Data-URI liefert ein byteidentisches Bild.

    Warum ist die Base64-Zeichenkette größer als meine Datei?

    Base64 stellt je 3 Bytes als 4 Zeichen dar, was rund 33 % plus den Data-URI-Präfix ausmacht. Das liegt in der Kodierung begründet, nicht an diesem Tool.

    Wird mein Bild hochgeladen?

    Nie. Die Datei wird mit der FileReader-API des Browsers gelesen und auf Ihrem Gerät kodiert — es gibt keinen Upload und kein Konto.

    Binärbilder als Text

    Hier erfahren Sie, wofür jedes Format gedacht ist und wann die Umwandlung von Bilddateien in Data-URIs die richtige Wahl ist.

    Was sind Bilddateien?

    Binärformate — PNG, JPG, WebP — die normalerweise als separate Dateien mit eigenen Requests, Caching-Regeln und seitenrelativen Pfaden existieren.

    Was sind Base64-Data-URIs?

    Dieselben Bytes als in sich geschlossene Textzeichenkette (data:image/png;base64,...), die inline in CSS, HTML oder JSON reist, ohne zweite Anfrage.

    Wann Sie es brauchen

    Verwenden Sie es für winzige Icons, eingebettete Platzhalter, Ein-Datei-HTML-Exporte oder um zusätzliche Anfragen in E-Mails zu vermeiden. Für alles Größere als ein paar Kilobyte ist eine echte Datei mit richtigem Caching meist die bessere Wahl.

    Ihre Dateitools, einen Klick entfernt

    ToolMink vom Desktop oder Startbildschirm öffnen.