ThemeForest

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
Written by Saif

4 Comments

  1. Pingback: Generate CSS Sprites on the Fly: Lemonad | Greepit

Leave a Reply to ranjana rai cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>