Wofür wird eine Base64-Data-URL verwendet?

Mit Base64-Data-URLs kannst du Bilder direkt in HTML oder CSS einbetten, ohne eine separate Dateianfrage.

Erhöht das Kodieren die Dateigröße?

Ja, die Base64-Kodierung vergrößert die Daten gegenüber der ursprünglichen Binärdatei um etwa 33 %.

Wird mein Bild irgendwohin hochgeladen?

Nein, Kodieren und Dekodieren erfolgen lokal in deinem Browser mit der FileReader-API.

Wie viel größer wird ein Base64-kodiertes Bild?

Etwa 33 % größer als die ursprüngliche Binärdatei, da Base64 je 3 Byte als 4 Zeichen kodiert.

Was ist der Unterschied zwischen dem rohen Base64-String und einer Data-URL?

Eine Data-URL fügt ein Präfix wie data:image/png;base64, hinzu, das dem Browser den Dateityp mitteilt, sodass sie direkt als Bildquelle genutzt werden kann. Rohes Base64 besteht nur aus den kodierten Zeichen. Wähle im Tool das gewünschte Ausgabeformat.

Kann ich einen Base64-String zurück in eine herunterladbare Bilddatei dekodieren?

Ja. Füge das Base64 oder die Data-URL im Tab Dekodieren ein. Der tatsächliche Dateityp wird aus den Daten erkannt, eine Vorschau wird angezeigt, und du kannst die Datei mit der richtigen Endung herunterladen.

Warum sollte ich ein Bild als Base64 einbetten, statt auf eine Datei zu verlinken?

Das Einbetten vermeidet eine separate Netzwerkanfrage, was bei kleinen Icons in CSS/HTML oder Inline-Bildern in E-Mails nützlich ist, erhöht aber die Größe der enthaltenden Datei.

Kann ich damit einen -Tag oder CSS erhalten?

Ja. Wähle -Tag, CSS-Hintergrund oder Markdown, um ein einfügefertiges Snippet zu kopieren, das bereits die Data-URI und – bei – Breite und Höhe des Bildes enthält.

100% lokal in Ihrem Browser verarbeitet

Base64-Bild-Encoder

Verwandle Bilder in Base64-Data-URIs und einfügefertige Snippets oder dekodiere Base64 zurück in ein Bild – komplett in deinem Browser.

Kurzantwort

Base64-Bild-Encoder lets you: Verwandle Bilder in Base64-Data-URIs und einfügefertige Snippets oder dekodiere Base64 zurück in ein Bild – komplett in deinem Browser. To start, wechsle zwischen dem Kodieren eines Bildes und dem Dekodieren eines Base64-Strings.

Loading tool…

So verwenden Sie dieses Tool

1
Modus wählen
Wechsle zwischen dem Kodieren eines Bildes und dem Dekodieren eines Base64-Strings.
2
Hochladen oder einfügen
Lade eine Bilddatei hoch oder füge einen Base64-String / eine Data-URL ein.
3
Ergebnis ansehen
Sieh sofort den erzeugten Base64-String oder die Vorschau des dekodierten Bildes.
4
Kopieren oder herunterladen
Kopiere die Base64-Ausgabe oder lade das dekodierte Bild herunter.

Häufig gestellte Fragen

QR Code Generator

Erstellen Sie gestaltete QR-Codes mit Ihrem Logo und einem Titel, laden Sie PNG oder SVG herunter oder drucken Sie eine ganze Seite Etiketten – zu 100 % lokal erzeugt.

JSON Formatter

Ein Vollbild-JSON-Editor: formatieren, validieren, reparieren, Schlüssel sortieren und als Baum, Tabelle oder JSONPath-Abfrage erkunden – 100 % lokal.

Base64-Bild-Encoder

So verwenden Sie dieses Tool

Modus wählen

Hochladen oder einfügen

Ergebnis ansehen

Kopieren oder herunterladen

Häufig gestellte Fragen

Wofür wird eine Base64-Data-URL verwendet?

Erhöht das Kodieren die Dateigröße?

Wird mein Bild irgendwohin hochgeladen?

Wie viel größer wird ein Base64-kodiertes Bild?

Was ist der Unterschied zwischen dem rohen Base64-String und einer Data-URL?

Kann ich einen Base64-String zurück in eine herunterladbare Bilddatei dekodieren?

Warum sollte ich ein Bild als Base64 einbetten, statt auf eine Datei zu verlinken?

Kann ich damit einen <img>-Tag oder CSS erhalten?

Verwandte Tools

QR Code Generator

JSON Formatter

Base64-Bild-Encoder

So verwenden Sie dieses Tool

Modus wählen

Hochladen oder einfügen

Ergebnis ansehen

Kopieren oder herunterladen

Häufig gestellte Fragen

Wofür wird eine Base64-Data-URL verwendet?

Erhöht das Kodieren die Dateigröße?

Wird mein Bild irgendwohin hochgeladen?

Wie viel größer wird ein Base64-kodiertes Bild?

Was ist der Unterschied zwischen dem rohen Base64-String und einer Data-URL?

Kann ich einen Base64-String zurück in eine herunterladbare Bilddatei dekodieren?

Warum sollte ich ein Bild als Base64 einbetten, statt auf eine Datei zu verlinken?

Kann ich damit einen <img>-Tag oder CSS erhalten?

Verwandte Tools

QR Code Generator

JSON Formatter