Web Hosting from Bluehost. Sign-up here

CSS sprite generator

Posted on by Clive Walker in CSS Web Design

CSS background image position properties allow the use of one 'master' image that contains multiple component images instead of separate images. The technique is known as CSS Sprites and it has the advantage that rollover images appear instantly because 'they' have already been downloaded as part of the master image. This means that there's no need to use JavaScript to preload images. The use of CSS Sprites can also improve website perfomance because there are less HTTP request made to the server.

At first glance, this may seem like more work because you need to create the master image in your favourite image editing programme and then write the CSS rules ......or you can use this neat CSS Sprite Generator which will combine the images and generate CSS rules for you. I know which method gets my vote.

Technorati :

Leave a comment

A simple question that helps prevent automated form fillers.

© 2017 Clive Walker