FS#2092 Combine small images to CSS sprite

CSS, XHTML, JS, Browsers

• 

  2010-11-05 endzone

  The Firefox "page speed" plugin suggests to combine the small image files (*.gif|*.png) from
  - /lib/images/
  - /lib/tpl/default/images
  into a CSS sprite to reduce the number of http requests per page.
  
  I guess especially for the smileys, buttons and logos that would be a good idea...
• 

  2010-11-12 Michitux

  When using these images in links, one would need to add an additional span for cropping the image which is not really clean. The other images are used as actual images that have a meaningful alt-text. When replacing them by a span one would need to add these texts as content and use an image replacement technique, but all of these techniques do have disadvantages over the currently used simple images. Additionally in a normal page you don't have that many of these images and when you are in the editor you are probably often on that wiki and the images should be cached by your browser anyway.
• 

  2010-11-12 Michitux

  On the WikiFest Berlin 2010 we have decided against using CSS sprites, for reasons look at the comment.