Bild in Base64 umwandeln
Wandle ein Bild in einen Base64-String (Data-URI) um, den du direkt in HTML, CSS oder JSON einbetten kannst, ganz ohne externe Dateien.
PNG, JPG, WebP, GIF oder SVG: Die Umwandlung passiert komplett auf deinem Gerät
Was eine Data-URI ist und wann du sie nutzt
Eine Data-URI bettet den Inhalt des Bildes direkt in deinen Code ein, in der Form data:image/png;base64,…. Der Vorteil: eine HTTP-Anfrage weniger, denn das Bild kommt zusammen mit der Seite an. Perfekt für Icons, kleine Logos, Favicons und HTML-E-Mails, in denen externe Dateien oft blockiert werden. Der Nachteil: Eingebettete Inhalte speichert der Browser nicht separat im Cache, und sie sind etwa ein Drittel größer als die Originaldatei.
Warum Base64 33 % größer ist
Base64 stellt Binärdaten mit nur 64 Textzeichen dar: Je 3 Bytes des Bildes werden zu 4 Zeichen, daher der Aufschlag von etwa 33 %. Als Faustregel bettet man deshalb nur Dateien unter 5 bis 10 KB ein; darüber frisst das zusätzliche Gewicht den Vorteil der eingesparten HTTP-Anfrage auf. Dieses Tool zeigt dir die genaue Endgröße, damit du mit echten Zahlen entscheiden kannst.