CSS Embedded Images 7.x-1.2

CSS Embedded Images replaces image URLs in aggregated CSS files with embedded images using data URI schemes. This can greatly reduce the number of page requests necessary to load a page, especially in graphics-heavy themes, by including image data along with aggregated CSS files. Embedded images are supported by most modern browsers, and the module includes logic to work around browsers that do not have support. It is compatible with core performance features, including page caching, as well as other contributed modules, such as CSS GZip and Boost.How does it work?According to Wikipedia, "the data URI scheme is a URI scheme that provides a way to include data in line in web pages as if they were external resources." That means that rather than having a URL telling the browser where to find the image you actually have the image data right there on the page so the browser does not have to make an extra request to get it. This particular module is only concerned with images referenced in CSS, so for an example let's look at a declaration in Garland's CSS:ul li.expanded { background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em;}

Requirements:	No special requirements
Platforms:	PHP
Keyword:	Aggregated,  Browser,  Browsers,  Embedded,  Files,  Image,  Images,  Include,  Including,  Means,  Module,  Resourcesquot,  Scheme,  Telling,  Urlimagesmenuexpandedgif
Users rating:	0/10