Bild zu Base64
Ein Bild in einen Data-URI verwandeln.
Drop an image here
or
So verwendest du Bild zu Base64
Ziehen Sie ein Bild in den Bereich oder klicken Sie, um eines auszuwählen.
Wählen Sie die Ausgabe: rohes Base64, Data-URI, CSS-Regel oder img-Tag.
Kopieren Sie das Snippet direkt in Ihr Stylesheet oder Ihr Markup.
Häufige Fragen
Wann lohnt sich ein Bild als Base64?
Bei kleinen Elementen wie Icons oder Logos spart es eine Netzwerkanfrage. Base64 wächst um rund 33 Prozent, große Fotos bleiben daher besser eigene Dateien.
Welche Formate werden unterstützt?
PNG, JPG, WEBP, GIF und SVG. Der passende MIME-Typ wird automatisch in den Data-URI geschrieben, damit Browser das Bild sofort anzeigen.
Wird mein Bild irgendwohin hochgeladen?
Nein. Ihr Browser liest die Datei über die FileReader-API und kodiert sie lokal – unveröffentlichte Grafiken bleiben auf Ihrem Gerät.
Ähnliche Tools
Suchst du etwas anderes? Entdecke alle entwickler-tools.