homepage Welcome to WebmasterWorld Guest from 23.22.97.26
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Have anyone used CSS Sprites
anne10




msg:4206268
 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




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

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




msg:4206325
 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




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

www.google.com is a good example:

[google.com...]

Fotiman




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

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

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

anne10




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

Thanks Footimen

Fotiman




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

You're welcome amme10s
;)

milosevic




msg:4207971
 9:18 am on Sep 28, 2010 (gmt 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.

Fotiman




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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved