CSS sprites are a commonly used technique to decrease page load times.
This CSS technique can make your website load faster. Instead of having a dozen images that are included on every page of the site - your logo, RSS button, icons for social media links, etc. - you combine them all into one big image. You can then use CSS to display just the portion you need in any given spot.
Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.
Automated spritesheet generators are pretty cool, but if you prefer the control over optimisation and compression you get by making them manually, then Sprite Cow provides you a user-friendly solution.
The web interface couldn't be easier. Upload your image and have a click around. It becomes pretty obvious. So you don't waste your time copying all the positions & sizes from graphics
http://www.spritecow.com/
No comments:
Post a Comment