Bild hier hineinziehen oder zum Auswählen klicken
PNG, JPG, GIF, SVG, WebP, BMP, ICO — bis zu 10 MB
Base64-Kodierung wandelt binäre Bilddaten in eine ASCII-Textzeichenkette um. Dadurch können Sie Bilder direkt in HTML, CSS oder JSON einbetten, ohne separate Bilddateien zu benötigen.
Dieses Tool unterstützt alle gängigen Bildformate: PNG, JPEG/JPG, GIF, SVG, WebP, BMP und ICO. Jedes Format wird mit der nativen FileReader-API korrekt kodiert.
Die Verarbeitung erfolgt im Browser. Speichern und Teilen sind optional, erfordern ein Konto und übertragen den gewählten Inhalt an unseren Dienst.
Base64-Kodierung wandelt binäre Bilddaten in ein textbasiertes Format um. Dadurch können Bilder direkt in HTML, CSS, JSON eingebettet werden, ohne separate HTTP-Anfragen. Nützlich für kleine Icons, eingebettete Logos, E-Mail-Vorlagen und API-Integrationen, die Daten-URIs benötigen.
Base64-Kodierung erhöht die Dateigröße um etwa 33%. Der Kodierungsoverhead wandelt 3 Byte Binärdaten in 4 Byte Text um. Für kleine Assets ist der Kompromiss vernachlässigbar. Für große Bilder ist die separate Bereitstellung zu empfehlen.
Mit der CSS-Eigenschaft background-image: url('data:image/png;base64,...') oder background-image: url('data:image/svg+xml;base64,...'). Auch für das src-Attribut von HTML-img-Tags: <img src='data:image/jpeg;base64,...'>
Kleine PNG-Icons und SVG-Dateien sind ideal für Base64. Große JPEG-Fotos werden nach Base64-Kodierung erheblich größer – für große Bilder ist die separate Bereitstellung empfehlenswert.