Bild zu Base64 Konverter

Konvertieren Sie Bilder in Base64-Daten-URLs zum Einbetten in HTML und CSS. Dekodieren Sie Base64 zurück in Bilder. Kostenlos und privat.

Legen Sie Ihr Bild hier ab

oder klicken Sie, um Dateien zu durchsuchen

Unterstützt JPEG, PNG, WebP, GIF, SVG und mehr

Base64-Konverter-Funktionen

Zwei-Wege-Konvertierung zwischen Bildern und Base64-Daten-URLs.

B64
Bild zu Base64

Laden Sie ein beliebiges Bild hoch und erhalten Sie sofort eine vollständige Daten-URL, die bereit ist, in HTML, CSS oder Code eingefügt zu werden.

IMG
Base64 zu Bild

Fügen Sie eine beliebige Base64-Daten-URL ein, um das Bild anzuzeigen und es als Datei herunterzuladen.

CPY
Ein-Klick-Kopie

Kopieren Sie den gesamten Base64-String mit einem einzigen Klick in die Zwischenablage.

Was ist eine Base64-Bilddaten-URL?

Eine Base64-Daten-URL ist eine Möglichkeit, Binärdateien als Text zu kodieren, sodass sie direkt in HTML, CSS, JSON oder jedes textbasierte Format eingebettet werden können, ohne eine separate Datei-Anfrage zu benötigen.

Häufig gestellte Fragen

Wann sollte ich Base64 für Bilder verwenden?

Base64 ist nützlich für kleine Bilder wie Icons, Logos oder Sprites, die Sie direkt in HTML oder CSS einfügen möchten.

Es beseitigt eine separate HTTP-Anfrage für die Bilddatei.

Für große Bilder ist eine reguläre Datei-URL normalerweise besser aufgrund des 33%igen Größenüberhangs.

Wie groß macht Base64 ein Bild?

Die Base64-Kodierung erhöht die Dateigröße um etwa 33%.

Ein 100 KB großes Bild wird beim Base64-Codieren ungefähr 133 KB groß.

Dies ist ein Kompromiss für den Komfort, Bilder als Text einzubetten.

Kann ich Base64-Bilder in E-Mails verwenden?

Ja, Base64-Daten-URLs können in HTML-E-Mails verwendet werden, um Bilder inline einzubetten.

Allerdings können sehr große Base64-Strings von einigen E-Mail-Diensten gefiltert werden.

Testen Sie in Ihren Ziel-E-Mail-Clients, bevor Sie sich auf diesen Ansatz verlassen.

Was ist der Unterschied zwischen der Daten-URL und rohem Base64?

Eine Daten-URL enthält den MIME-Typ-Header: data:image/png;base64, gefolgt vom rohen Base64-String.

Einige Tools benötigen nur das rohe Base64 ohne den Header-Präfix.

Der Decoder in diesem Tool akzeptiert beide Formate automatisch.