Wechsle oben die Richtung, um eine vorhandene Data-URL zu dekodieren. Wandle Bilder in Base64-Text und Data-URLs für Webseiten, E-Mails und Code um oder Base64 zurück in eine Bilddatei. Kostenlos und privat.
So wandelst du ein Bild in Base64 um
- Wähle die Richtung „Bild in Base64“.
- Tippe auf „Bilder auswählen“ und wähle eine oder mehrere Dateien.
- Kopiere für jedes Bild Base64 oder die Data-URL. Original- und codierte Größe werden angezeigt.
So wandelst du Base64 zurück in ein Bild um
- Wähle die Richtung „Base64 in Bild“.
- Füge den Text in „Base64 oder Data-URL“ ein.
- Prüfe die Vorschau und lade dann das Bild herunter. „Leeren“ leert das Feld.
Warum Base64 ein Drittel größer ist
Base64 schreibt jeweils 3 Bytes der Datei als 4 einfache Textzeichen, daher ist der kodierte Text etwa 33 % größer als das Bild selbst, plus ein kurzes Präfix data:image/png;base64, bei einer Data-URL. Jedes Bild zeigt beide Größen, damit du die Kosten siehst, bevor du es einfügst.
Wann eine Data-URL sinnvoll ist
Das Einbetten ist praktisch für Kleines: Icons, winzige Hintergründe, E-Mail-Signaturen, ein Favicon oder eine einzelne Datei, die offline funktionieren muss. Für alles über etwa 10 KB ist eine normale Bilddatei meist besser: Der Browser kann sie zwischenspeichern, sie lädt parallel zur Seite, und dein HTML und CSS bleiben klein. Bei großen Bildern erscheint ein entsprechender Hinweis.
Base64 dekodieren
Füge eine vollständige Data-URL, eine CSS-Zeile mit url(), ein img-Tag oder nur den Base64-Text ein. Leerzeichen, Zeilenumbrüche und die URL-sicheren Zeichen - und _ werden akzeptiert, und fehlendes Padding wird ergänzt. Der Typ wird aus den ersten Bytes der Datei selbst gelesen, nicht aus der Bezeichnung, sodass ein als JPEG falsch bezeichnetes PNG trotzdem mit der richtigen Endung heruntergeladen wird. Ist der Text kein gültiges Base64 oder kein Bild, erhältst du eine klare Erklärung.
Unterstützte Dateien
Jedes Bild, das dein Browser öffnen kann, darunter PNG, JPG, WebP, GIF, SVG, ICO und AVIF.
Tipps
- Komprimiere oder verkleinere das Bild zuerst, denn Base64 macht es größer.
- Behalte große Bilder als normale Dateien und verlinke sie.
- Nutze für Icons möglichst SVG. Es ist bereits Text und oft kleiner als ein PNG.
- Um ein Bild vor dem Kodieren zu verkleinern, probiere Bild auf Größe komprimieren.
Typische Einsätze
Ein kleines Logo in eine HTML-E-Mail einbetten, ein Icon direkt in ein Stylesheet setzen, ein Bild in einer JSON-Datei speichern und ein Bild aus einer im Code gefundenen Data-URL wiederherstellen. Für einen vollständigen Satz Website-Icons siehe den Favicon-Generator.
Privat von Grund auf
Bilder werden auf dieser Seite in deinem Browser gelesen und umgewandelt. Nichts wird hochgeladen, und die Dateien verlassen dein Gerät nie.
Fragen
Ist Base64 eine Verschlüsselung?
Nein. Es ist nur eine Art, Daten als Text zu schreiben. Jeder kann es dekodieren.
Warum hat die dekodierte Datei die falsche Endung?
Das sollte nicht passieren. Der Typ wird aus der Datei selbst gelesen, nicht aus der Bezeichnung.
Warum ist der Base64-Text so lang?
Jedes Bild wird als Text etwa ein Drittel größer, und Fotos sind schon von Haus aus groß.