For every file your browser tries to load it will send a HTTP-request to the web-server. Every request takes some time, which means that a lot of external resources can slow down loading-time of your website.
One way to deal with this problem is to use CSS-sprites. Another way is to use Data URI sprites: embed all images and fonts directly into your CSS and they will be loaded together with the CSS after one single HTTP-request.
Spritebaker parses your CSS and returns a copy with all external media “baked” right into it as Base64 encoded datasets.
The number of time consuming http-requests on your website will be decreased significantly, resulting in a massive speed-boost (server-side gzip-compression must be enabled).
Pingback: Tweets that mention Handle Base 64 Data URIs In Stylesheets: Spritebaker | Greepit -- Topsy.com
Pingback: Generate CSS Sprites on the Fly: Lemonad | Greepit