Die wichtigsten Sachen wurden schon gesagt.
So kann man beispielsweise auch Binärdaten wie Bilder direkt innerhalb von CSS oder direkt im
HTML-Quelltext einer Webseite übertragen.
Damit wird die Datei zwar größer, und man verschwendet ein wenig Speicherplatz, aber spart sich zum Beispiel einen weiteren Request zum separaten Download der Bilder. Wenn man hier bei kleinen Seiten Performanceoptimierungen betreibt kann es sinnvoller sein, bestimmte kleine Bilder direkt mit zu liefern, als wegen ein paar Icons jedes mal einen neuen Request schicken zu müssen. Beispiel aus der Wikipedia zu Data-
URL:
Code:
<img src="data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP
C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA
AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J
REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq
ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0
vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Roter Punkt" />
Ausserdem lässt sich der Text mit Deflate oder GZip wieder recht gut komprimieren
