Bild in Base64 umwandeln und zurück

Für Icons und kleine Bilder, die du in HTML, CSS oder eine E-Mail einbetten willst. Für große Bilder ist es nicht gedacht: Der Text ist etwa 33 % größer als die Datei.

Öffne „Von Base64 zu Bild“, füge den Text ein (mit oder ohne „data:image/…;base64,“) und drücke „Bild anzeigen“, um es anzusehen und herunterzuladen.

Bis zu 5 MB pro Bild, damit die Seite reaktionsschnell bleibt; das sind etwa 6,7 Millionen Zeichen.

Nein. Das Tool läuft in deinem Browser: Dateien werden auf deinem Gerät gelesen und verarbeitet und weder an Cocuyo noch an Dritte gesendet. Du kannst es in den Netzwerk-Tools deines Browsers prüfen: Deine Datei wird nicht gesendet.

Die erste Nutzung ist ohne Konto möglich; ab der zweiten brauchst du ein kostenloses Konto. Es verbraucht weder Credits noch Willkommensnutzungen und hat kein Limit.

Ein Bild auf einmal und höchstens 5 MB. Größere Bilder lehnt das Tool ab, bevor es sie umwandelt.

Die Data-URI ist der volle Text mit data:image/ und dem Bildtyp am Anfang, das <img>-Tag setzt ihn als src mit leerem alt-Attribut und das CSS als background-image mit url(…). Die reine Base64-Kopie lässt den Präfix weg; bei <img> ergänzt du einen eigenen Alternativtext, wenn das Bild etwas aussagt.

Die Base64-Datei heißt wie dein Bild mit dem Zusatz -base64 und der Endung .txt, zum Beispiel logo-base64.txt. Ein Bild, das du aus Base64 zurückholst, speicherst du als imagen-base64 mit der Endung des erkannten Typs, etwa .png oder .jpg.

Nein. Das Tool erkennt Bilder an den ersten Bytes und kennt dabei PNG, JPG, WebP, GIF, AVIF, BMP und ICO, aber kein SVG. Bei einem SVG meldet es, dass der Text keine gültige Base64-Bilddatei ist.

Ja. Das Tool entfernt ein umgebendes url(…) und Anführungszeichen, bevor es den Text liest. Leerzeichen und Zeilenumbrüche in der Zeichenkette werden ebenfalls übergangen, und mit oder ohne data:image/…;base64, funktioniert es.