CSS Sprites is a technique where you use a background-image, a set width and height, and adjust the background-position to display only the portion you need to show. This way you can use a single image and display lots of different graphics with it, saving server requests and speeding up page load times.
The “sprite” is the single, combined graphic. We can use this same theory, only instead of using background-image to show the graphic, we can use an image right in the HTML itself (inline image).
We visited this concept of re-sizeable background images before… but reader Doug Shults sent me in a link that uses a really awesome technique that I think is better than any of the previous techniques.
WP Hacks was originally created on October 1, 2007 as Hack WordPress, as a place to discuss all things WordPress. In addition to featuring a large variety of WordPress themes and providing reviews of WordPress plugins, Hack WordPress was set up to cover the world surrounding WordPress, including the latest WordPress hacks, news, tips, tricks, and how-to’s of the popular open source blogging software.
About Me
