Artikel CSS‎ > ‎

Grafiken direkt in CSS



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://acid3.acidtests.org/

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/