Welcome to WebmasterWorld Guest from 54.227.83.19

Forum Moderators: not2easy

Message Too Old, No Replies

Have anyone used CSS Sprites

     

anne10

9:22 am on Sep 24, 2010 (gmt 0)



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

11:30 am on Sep 24, 2010 (gmt 0)

WebmasterWorld Senior Member topr8 is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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

12:34 pm on Sep 24, 2010 (gmt 0)



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

mattur

12:56 pm on Sep 24, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



www.google.com is a good example:

[google.com...]

Fotiman

5:35 pm on Sep 24, 2010 (gmt 0)

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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

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

anne10

9:44 am on Sep 27, 2010 (gmt 0)



Thanks Footimen

Fotiman

5:18 pm on Sep 27, 2010 (gmt 0)

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



You're welcome amme10s
;)

milosevic

9:18 am on Sep 28, 2010 (gmt 0)

5+ Year Member



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

1:43 pm on Sep 28, 2010 (gmt 0)

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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. :)
 

Featured Threads

Hot Threads This Week

Hot Threads This Month