Have anyone used CSS Sprites

[anne10]

Hi,

I have read one article about increasing the page speed. It was said that we can use CSS Sprites. Have anyone used it and got any good outputs. Please share any suggestions.

Thanks

[topr8]

AFAIK using css sprites is a well established practice, we've been using them for years.

there is no reason not to use them, the benefits are many.
although you must make sure that the sprites are cached by the browser, which would apply to all image files anyway

[anne10]

Thanks for the reply. Can you please give me some websites who have used CSS Sprites.

[mattur]

www.google.com is a good example:

[google.com...]

[Fotiman]

google.com
facebook.com
youtube.com
yahoo.com
bing.com
apple.com
amazon.com

Take your pick. :) They've all used CSS sprites.

[anne10]

Thanks Footimen

[Fotiman]

You're welcome amme10s
;)

[milosevic]

There is one reason not to use them - they don't work with IE6 transparent PNG scripts - or at least I'm yet to find a trans PNG script that does work with sprites.

Either you go for an opaque background, or with the transparency fix applied the entire image is loaded (rather than just the segment of it containing the relevant icon).

If you are using, say, white background sprites on a page with a white background, this is no longer an issue, however.

[Fotiman]

Good point milosevic. If you don't need transparent PNG background images, then this won't be an issue for you. Alternatively, you could serve up different images for IE6. Fortunately, the days of needing to support IE6 are finally nearing an end. :)