Inline-Images Grafiken direkt im CSS
All denjenigen, die schon mal eine Webseite zusammengebastelt haben ist der HTML-Code zum Einbinden einer Grafik bekannt:
<img src="url-des-bildes />
Viel weniger geläufig ist hingegen, dass der Grafikcode auch direkt eingebunden werden kann, etwa so:
<img src="data:image/gif;base64,
R0lGODlhZAABAIAAAJmZqgAAACH5BAAAAAAALAAAAABkAAEAAAIIhI+py+0PYysAOw==" />
Das kann dann so aussehen
Anzeige funktioniert hier nicht
Quellen
http://endo.ch/site07/_data-url.html
http://aktuell.de.selfhtml.org/artikel/grafik/inline-images/
http://dean.edwards.name/weblog/2005/06/base64-ie/
Siehe auch: CSS-Sprites
http://www.websiteoptimization.com/speed/tweak/css-sprites/