Bild-zu-Base64-Konverter
Läuft komplett in deinem Browser. Deine Dateien und Daten verlassen dein Gerät nie.
Über dieses Tool
Dieses Tool wandelt in beide Richtungen zwischen einer Bilddatei und ihrem Base64-Text um. Lege eine JPEG-, PNG-, GIF-, WebP- oder SVG-Datei ab, und es gibt die vollständige data:-URI aus, bereit zum Einfügen in CSS, HTML, JSON oder eine E-Mail-Vorlage. Oder füge eine Data-URI oder einen rohen Base64-String ein, und das Tool dekodiert sie zurück in ein Bild, das du dir ansehen und herunterladen kannst.
Wie erkennt das Tool das Bildformat?
Fügst du eine vollständige data:-URI ein, steht der MIME-Typ bereits im String. Hast du dagegen nur einen rohen Base64-Blob ohne Header, liest das Tool die ersten Bytes der dekodierten Daten und vergleicht sie mit den bekannten Signaturen für PNG-, JPEG-, GIF- und WebP-Dateien, den sogenannten Magic Bytes, die ein Dateiformat unabhängig von der Dateiendung identifizieren. SVG ist ein Sonderfall, weil es Text statt Binärformat ist, und wird deshalb daran erkannt, dass der dekodierte Inhalt mit <svg oder einer <?xml-Deklaration beginnt. Passt nichts davon, sagt dir das Tool, dass es das Format nicht erkennen kann, statt zu raten.
Werden meine Bilder irgendwohin hochgeladen?
Nein. Alles läuft im Browser über die FileReader-API und Standard-Base64-Kodierung ab, es wird nie ein Bild an einen Server gesendet. Das macht das Tool geeignet für Screenshots, private Dokumente oder alles andere, das deinen Rechner nicht verlassen soll, auch wenn Data-URIs selbst nur reiner Text sind.
Wofür ist das nützlich?
Base64-Bilder werden oft genutzt, um kleine Icons direkt in ein Stylesheet einzubetten, das erspart dem Browser eine separate HTTP-Anfrage pro Icon. Nützlich sind sie auch für Inline-Bilder in E-Mails und Einzeldatei-HTML-Exporten, wo eine Verknüpfung zu einer externen Bilddatei nicht praktikabel ist. Beim Dekodieren ist das Tool praktisch, wenn du einen Base64-String in einer API-Antwort, einer Konfigurationsdatei oder einer Logzeile findest und einfach sehen willst, welches Bild sich dahinter verbirgt. Bedenke, dass Base64-Kodierung rund 33 % mehr Datenvolumen erzeugt als die Rohdatei, weshalb sich das Verfahren eher für kleine Bilder als für vollformatige Fotos eignet. Die Syntax und wann sich Data-URIs gegenüber einer normalen Bilddatei lohnen, erklärt der MDN-Leitfaden zu Data-URIs.