Konvertieren Sie Bilder in Base64 und umgekehrt. Unterstützt PNG, JPEG, GIF, WebP, BMP, SVG und ICO. Ausgabe als Data-URI, HTML <img>, CSS background-image, Markdown, JSON oder XML. Die gesamte Verarbeitung findet lokal in Ihrem Browser statt — Ihre Bilder werden nie auf einen Server hochgeladen.
Richtung:
Format:
Bild hochladen
📷
Klicken Sie zum Auswählen oder ziehen Sie ein Bild per Drag & Drop hierher
⚠ Großes Bild (>5 MB). Die kodierte Base64-Zeichenkette wird sehr lang. Erwägen Sie vorher eine Komprimierung.
Format:
-
Abmessungen:
-
Dateigröße:
-
Base64-Größe:
-
Ausgabe (Base64)
Kodieren: Bild → Base64 Laden Sie ein Bild hoch oder ziehen Sie es per Drag & Drop herein, um es zu Base64 zu kodieren. Wählen Sie aus 7 Ausgabeformaten: Data-URI (direkt in Webseiten einbettbar), Rohes Base64, HTML <img>, CSS background-image, Markdown, JSON oder XML. Dekodieren: Wechseln Sie die Richtung, um eine Base64-Zeichenkette zurück in ein Bild zu dekodieren — fügen Sie ein beliebiges Base64 oder einen Data-URI ein und sehen Sie die Bildvorschau. Das Bildformat wird anhand der Magic Bytes erkannt (PNG, JPEG, GIF, WebP, BMP, ICO, SVG). URL-sicher: Ersetzt + durch - und / durch _ und entfernt abschließende =-Auffüllung. Unterstützte Formate: PNG, JPEG, GIF, WebP, BMP, SVG, ICO. Datenschutz: Die gesamte Verarbeitung findet lokal in Ihrem Browser statt — Ihre Bilder werden nie hochgeladen.
Wann sich Bilder einbetten lohnt
Ein Bild als Data-URI einzubetten spart eine HTTP-Anfrage, der Base64-Text ist aber etwa 33 % größer als die Rohbytes und kann nicht getrennt von der Seite zwischengespeichert werden. Dieser Tausch lohnt sich für kleine Symbole und einmalig verwendete Grafiken und ist bei Fotos und wiederverwendeten Ressourcen meist falsch.
Faustregel: Bilder unter wenigen KB einbetten — bei allem Größeren gewinnt eine separat zwischengespeicherte Bilddatei bei wiederholten Besuchen.
🔷 Base64-Info zu Bildern
Ausgabeformate 7 Formate für verschiedene Einsatzzwecke.
Data-URI data:image/png;base64,...
Rohes Base64 Nur die reine Base64-Zeichenkette
HTML <img src="...">-Tag
CSS background-image: url(...)
Markdown / JSON / XML Einbetten in Dokumente, APIs, Konfigurationen