Base64-Länge
L = 4 × ⌈n ÷ 3⌉
Festgelegt in RFC 4648; 12.000 Byte ergeben 16.000 Zeichen.
Bild in Base64 umwandeln (und Base64 in Bild)
Kodiere ein Bild als Base64 oder dekodiere Base64/Data URI direkt im Browser zu einem Bild.
- Zwischenablage
- Export
Ihre Dateien werden lokal in Ihrem Browser verarbeitet und niemals an unsere Server gesendet.
Datei hier ablegen
Empfohlene Größe: bis zu 25 MB
Vorschau
Base64 / Data URI
Vorschau
War dieses Werkzeug hilfreich?
Wie funktioniert dieses Tool?
Base64 verwandelt die Bytes eines Bildes in Text aus 64 sicheren Zeichen. So kodiert lässt sich ein Bild als Data-URI direkt in CSS, HTML, eine JSON-Datei oder eine E-Mail einfügen, ohne separate Datei. Dieses Tool arbeitet in beide Richtungen: Es kodiert ein Bild in Base64 und stellt aus einer Base64-Zeichenfolge oder einer Data-URI wieder ein Bild her.
Reiter Bild → Base64: Wähle ein PNG-, JPEG-, WebP-, GIF- oder SVG-Bild mit höchstens 25 MB. Es wird unverändert gelesen, ohne Neukodierung, und in eine vollständige Data-URI der Form data:image/png;base64,… umgewandelt, bereit zum Kopieren. Die Vorschau bestätigt das gelesene Bild, und eine Zeile zeigt Dateigröße, Größe der Data-URI und den Mehraufwand in Prozent.
Reiter Base64 → Bild: Füge eine Data-URI oder eine rohe Base64-Zeichenfolge ein. Bei roher Zeichenfolge wählst du den MIME-Typ (PNG, JPEG, WebP, GIF oder SVG); Leerzeichen und Zeilenumbrüche werden entfernt. Die Vorschau erscheint, sobald die Zeichenfolge gültig ist, und Bild herunterladen speichert decoded-image mit der passenden Endung.
Base64 schreibt 3 Bytes als 4 Zeichen: Der Text ist etwa ein Drittel größer als die Datei, dazu kommen einige Kopfzeichen. Eine ungültige oder abgeschnittene Zeichenfolge zeigt „Ungültiges Base64 oder Data URI.“
So verwenden Sie dieses Tool
Richtung wählen
Bild → Base64 zum Kodieren, Base64 → Bild zum Dekodieren.
Importieren oder einfügen
Lege ein Bild ab oder füge eine Data-URI bzw. rohes Base64 ein und gib den MIME-Typ an.
Kopieren oder herunterladen
Kopiere die Data-URI oder lade das dekodierte Bild nach Prüfung der Vorschau herunter.
Größe eines Base64-Textes
Base64 fasst Bytes zu Dreiergruppen (24 Bit) zusammen und schreibt jede Gruppe mit 4 Zeichen zu 6 Bit; die letzte Gruppe wird mit =-Zeichen aufgefüllt.
Länge der Data-URI
L_URI = L + p
p beträgt 22 für data:image/png;base64, und 26 für data:image/svg+xml;base64,.
- n
- Dateigröße in Byte
- L
- Anzahl der Base64-Zeichen
- p
- Länge des Kopfes der Data-URI
Anwendungsfälle
Kleines Symbol in CSS einbetten
Lege ein Symbol von wenigen Kilobyte in background-image ab und spare eine Netzwerkanfrage.
Bild aus JSON zurückholen
Dekodiere ein in Base64 gespeichertes Bild aus einer API-Antwort oder einem Export, um es anzusehen und zu speichern.
E-Mail oder Prototyp vorbereiten
Füge ein Bild in eine eigenständige HTML-Datei ein, die ohne Bildordner funktionieren muss.
Beispiele
Ein PNG-Symbol mit 12.000 Byte kodieren
12.000 ÷ 3 = 4.000 Gruppen zu 3 Byte, also 16.000 Base64-Zeichen, plus 22 Zeichen für data:image/png;base64,. Der Mehraufwand von 34 % enthält den Kopf.
Eingabe
symbol.png, 12.000 ByteErgebnis
Data-URI mit 16.022 Zeichen; „Datei mit 11,7 KB → Data-URI mit 15,6 KB (+34 %)“Die Data-URI in CSS verwenden
Der Browser zeigt das Symbol, ohne eine Datei zu laden. Nutze das nur für kleine Bilder: Ein kodiertes Foto bläht das Stylesheet auf und lässt sich nicht mehr separat zwischenspeichern.
Eingabe
Data-URI eines SVG-Symbols, aus dem Tool kopiertErgebnis
.warnung { background-image: url("data:image/svg+xml;base64,PHN2Zy…"); }Tipps und bewährte Vorgehensweisen
- Beschränke Base64 auf Bilder von wenigen Kilobyte; darüber lädt und cacht eine separate Datei effizienter.
- Optimiere das Bild vor dem Kodieren: Jedes gesparte Byte spart rund 1,33 Zeichen im Text.
- Bei SVG ist eine Data-URI ohne Base64 (data:image/svg+xml, gefolgt vom maskierten SVG) oft kürzer.
- Scheitert das Dekodieren, prüfe, ob die Zeichenfolge vollständig ist: Aus einem Log kopierte Data-URIs sind oft abgeschnitten.
Quellen und Referenzen
- S. Josefsson, RFC 4648 — The Base16, Base32, and Base64 Data Encodings (öffnet in einem neuen Tab), RFC Editor, 2006Seite auf Englisch
Häufig gestellte Fragen
Komprimiert Base64 das Bild?
Nein, im Gegenteil: Base64-Text ist etwa 33 % größer als die Datei. Es ist eine Kodierung, um Bytes in Text zu transportieren, keine Kompression.
Was unterscheidet Base64 von einer Data-URI?
Base64 ist nur der kodierte Text. Die Data-URI stellt einen Kopf wie data:image/png;base64, voran, der dem Browser den Dateityp mitteilt.
Was tun, wenn ich nur rohes Base64 habe?
Füge es im Reiter Base64 → Bild ein und wähle den MIME-Typ des ursprünglichen Bildes (PNG, JPEG, WebP, GIF oder SVG).
Wird das Bild beim Kodieren verändert?
Nein. Die Bytes der Datei werden unverändert kodiert: Das Dekodieren der Data-URI ergibt genau dieselbe Datei, Metadaten inklusive.
Darf Base64 Zeilenumbrüche enthalten?
Ja, manche Tools brechen alle 76 Zeichen um. Das Tool entfernt diese Leerzeichen und Umbrüche, bevor es eine rohe Zeichenfolge dekodiert.
Wird mein Bild auf einen Server hochgeladen?
Nein. Kodieren und Dekodieren erledigt der Browser, ohne Netzwerkanfrage.
Verwandte Werkzeuge
Mit diesen Werkzeugen weitermachen
Werkzeuge, die diesem ähnlich sind oder es ergänzen.
Ähnliche Werkzeuge
Verkleinere ein Bild über die Qualität oder eine Zielgröße in KB und sieh die Dateigröße vor dem Herunterladen.
Bilder & GrafikenEmpfohlenDieses Werkzeug verwenden
Reduziert SVG-Dateien durch Entfernen unnötiger Daten, ohne die Darstellung zu verändern.
Bilder & GrafikenDieses Werkzeug verwenden
Konvertiere Bilder in PNG, JPEG oder WebP und passe die Ausgabequalität direkt im Browser an.
Bilder & GrafikenEmpfohlenDieses Werkzeug verwenden