Bild zu Base64

Bilder als Data-URI für HTML und CSS und zurück.

Bild per Drag & Drop zu Base64
Fertige Snippets für <img> & CSS
Und zurück: Base64 zu Bild

Hat dir das Tool geholfen?

Du hast keine Ahnung, wie man das interpretiert? Dann meld dich einfach.

Zum Kontaktformular Im Chat fragen

Häufige Fragen

Wann lohnt sich ein Bild als Base64?

Nur bei sehr kleinen Bildern bis etwa 10 KB, etwa Icons oder Platzhalter. Du sparst dir dann einen eigenen Request. Größere Bilder machen HTML oder CSS unnötig schwer.

Was sind die Nachteile?

Die Datei wird rund ein Drittel größer, der Browser kann das Bild nicht separat cachen, und es lädt nicht lazy. Bei jeder Änderung am HTML oder CSS wird es neu übertragen.

Ist SVG als Data-URI besser?

Für SVG ist Base64 meist unnötig. Eine URL-kodierte SVG-Data-URI ist kleiner und bleibt lesbar. Der Generator bietet dir die passende Variante an.

Werden meine Bilder hochgeladen?

Nein, das Umwandeln passiert komplett in deinem Browser. Das Bild verlässt deinen Rechner nicht.

Über den Autor

Ruslan Julbarissow ist seit 2008 selbstständig und berät seither Agenturen, Konzerne und E-Commerce-Shops, wenn es um das Thema SEO geht.

Seine Leidenschaft sind Problemkinder, die etwas Gehirnschmalz statt eines Button-Klicks eines Tools erfordern.