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

[Gunnar Bittersmann]

@@Der Martin:

nuqneH

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.

Größere zu übertragende Datenmenge? Du überträgst HTML-/CSS-Code doch nicht etwa unkomprimiert?

Ja, bestimmt holen die Kompressionsalgorithmen bei JPEG/PNG/GIF bei Bilddaten noch etwas mehr raus als ZIP, aber das sollte nicht so ins Gewicht fallen.

Gerade bei mobiler Datenübertragung ist die Einsparung von HTTP-Request ein deutlicher Vorteil.

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

Sass/Compass kann das auch. Übrigens auch für Webfonts.

Qapla'