Was ist Bild zu Base64?
Bild zu Base64 wandelt eine Bilddatei mithilfe der integrierten FileReader-API des Browsers in einen Base64-kodierten String um. Die Ausgabe kann als roher Base64-String, vollständige Data-URI, CSS-background-image-Deklaration oder HTML-img-Tag formatiert werden – je nachdem, was für den Zielanwendungsfall benötigt wird.
So verwenden Sie Bild zu Base64
- Legen Sie eine Bilddatei im Ablagebereich ab oder klicken Sie zum Durchsuchen.
- Wählen Sie ein Ausgabeformat: Data-URI, Rohes Base64, CSS background-image oder HTML-img-Tag.
- Kopieren Sie das Ergebnis mit einem Klick in die Zwischenablage.
- Fügen Sie es direkt in HTML, CSS, JSON oder ein beliebiges anderes Ziel ein.
Base64-Bildkodierung verstehen ▾
Beispiel
Häufige Anwendungsfälle
- Ein kleines Logo in eine HTML-E-Mail einbetten
- Einen Spinner oder ein Icon inline in eine CSS-Datei einbetten
- Bilddaten als JSON-String an eine API übergeben
- Eigenständige HTML-Dateien mit eingebetteten Bildern erstellen
Warum dieses Tool verwenden
- Vier Ausgabeformate – Data-URI, reines Base64, CSS und HTML.
- Zeigt Originalgröße im Vergleich zur kodierten Größe und den prozentualen Anstieg.
- Warnt, wenn das Bild so groß ist, dass die Seitenleistung beeinträchtigt werden kann.
- Kein Datei-Upload – alles läuft in deinem Browser.
Häufig gestellte Fragen
Base64 ist eine Möglichkeit, Binärdaten (z. B. ein Bild) als reine ASCII-Textzeichenfolge zu kodieren. Ein Data-URI ist eine Base64-Zeichenfolge mit vorangestelltem MIME-Typ im Format data:image/png;base64,... – diese kann direkt im src-Attribut eines img-Tags oder in einem CSS-background-image platziert werden, um das Bild ohne separate Dateianfrage einzubetten.
Data-URIs eignen sich ideal für kleine Icons, Logos oder eingebettete Bilder in HTML-E-Mails, bei denen externe Dateiverweise blockiert werden können. Bei großen Bildern erhöhen sie das Seitengewicht und können die Leistung beeinträchtigen, daher sparsam verwenden.
Nein. Die FileReader API kodiert das Bild direkt in Ihrem Browser. Ihr Bild verlässt niemals Ihr Gerät.
Die Base64-Kodierung erhöht die Datengröße um etwa 33 %, weil jeweils 3 Bytes Binärdaten zu 4 ASCII-Zeichen werden. Ein 100-KB-Bild wird als Base64-String ungefähr 133 KB groß.