Combine Background Images Into A CSS Sprite: SpriteMe

A sprite combines multiple background images into a single image. This is a technique for making web pages faster because it reduces the number of downloads in the page.

Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There’s a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error.

SpriteMe removes the hassles with the click of a button.

• Finds background images
• Groups images into sprites
• Generates the sprite
• Recomputes CSS background-positions
• Injects the sprite into the current page