Osui ensimmäistä kertaa silmiin tällainen tekniikka:

background-image:url(data:image/png;base64,iVBOR...);

Eli kuvan voi voi upottaa suoraan osaksi URL-osoitetta käyttämällä data-protokollaa. Toimii sekä CSS:ssä että HTML:ssä.

Onkohan kellään kokemuksia tämän toimivuudesta käytännössä eri selaimissa? Tietyissä tilanteessa tällä voi vähentää paljon pienten kuvien turhaa noutamista erillisinä HTTP-pyyntöinä. Esim. Google News käyttää tätä uutisten thumbnaileissa.

Tämä on ehkä jossain määrin vaihtoehto sprite-imageille, joskin vaikea hyödyntää, mikäli samaa kuvaa pitäisi käyttää useassa paikassa.

Published 5.9.2009