Welcome to WebmasterWorld Guest from 54.167.86.211

Forum Moderators: not2easy

Message Too Old, No Replies

Have anyone used CSS Sprites

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

Junior Member

5+ Year Member

joined:Sept 22, 2010
posts:43
votes: 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
11:30 am on Sept 24, 2010 (gmt 0)

Senior Member

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

joined:Apr 19, 2002
posts:3171
votes: 8


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
12:34 pm on Sept 24, 2010 (gmt 0)

Junior Member

5+ Year Member

joined:Sept 22, 2010
posts:43
votes: 0


Thanks for the reply. Can you please give me some websites who have used CSS Sprites.
12:56 pm on Sept 24, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 29, 2002
posts:980
votes: 0


www.google.com is a good example:

[google.com...]
5:35 pm on Sept 24, 2010 (gmt 0)

Senior Member from US 

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

joined:Oct 17, 2005
posts:4966
votes: 10


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

Take your pick. :) They've all used CSS sprites.
9:44 am on Sept 27, 2010 (gmt 0)

Junior Member

5+ Year Member

joined:Sept 22, 2010
posts:43
votes: 0


Thanks Footimen
5:18 pm on Sept 27, 2010 (gmt 0)

Senior Member from US 

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

joined:Oct 17, 2005
posts:4966
votes: 10


You're welcome amme10s
;)
9:18 am on Sept 28, 2010 (gmt 0)

Full Member

5+ Year Member

joined:Dec 30, 2009
posts:249
votes: 0


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.
1:43 pm on Sept 28, 2010 (gmt 0)

Senior Member from US 

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

joined:Oct 17, 2005
posts:4966
votes: 10


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

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members