CSS Sprites

From BC$ MobileTV Wiki
Revision as of 01:29, 7 April 2017 by Bcmoney (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

CSS Sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image.

This technique can be very effective for improving site performance, particularly in situations where many small images, such as menu icons, are used. The Yahoo!, Google and YouTube home pages, for example, employ the technique for exactly this.




Tools


Resources


Tutorials


External Links


See Also

CSS | Image | Optimization