Vorteile und Nachteile von url('data:image/png;base64...)

[Der Martin]

Moin,

gibt es irgendwelche Vorteile bei der Verwendung von

url('data:image/png;base64...)

gegenüber

url(http://...)

?

Kann mir Vorstellen, dass es weniger Overhead gibt, da alle Bilder mit einem request geladen werden.

ja, richtig - die Bilder werden quasi in einem Rutsch als Teil der HTML- oder CSS-Ressource geladen.

Vorteil: Weniger Requests, weniger HTTP-Overhead. Fällt vor allem bei vielen kleinen Bildern ins Gewicht.

Nachteil: Die insgesamt übertragene Datenmenge wird größer, da base64 je 3 Bytes zu 4 ASCII-Zeichen umcodiert. Kann vor allem bei langsamen Verbindungen (mobil?) ein Argument gegen data-URLs sein.

Nachteil: Der Quellcode wird durch die base64-Datenwurst sehr unübesichtlich. Irrelevant, wenn man den Quellcode serverseitig generieren lässt.

Mehr fällt mir dazu spontan nicht ein.

Aber ist das so relevant, dass man diese Möglichkeit nutzen sollte?

Das sollte man IMO von Fall zu Fall abwägen.

Ciao,
 Martin