Questions tagged [css-sprites]

CSS Sprites is a CSS technique to combine small images into one big image and then access them using the background-position property. It is used to save HTTP requests.

CSS Sprites is a CSS technique to combine small images which are used as background-images into one big image and then access them via using offset. It is used to save HTTP requests and additionally in many cases the combined image's filesize is smaller then the sum of all small image's filesize.

For example google.com is using a CSS sprite:

enter image description here

Read more about this technique:

There are also numerous CSS Sprite generators on the web.

FAQs

863 questions
0
votes
1 answer

CSS3 background-image with bundled sprite image based on images with different original Image Size

Hello I am currently writing a sprite generator based on CSS 3 and my question is : What is the best practice to show CSS3 background-images with a bundled sprite image based on images with different original Image Size concatenated vertical? I have…
Stephan Ahlf
  • 3,310
  • 5
  • 39
  • 68
0
votes
0 answers

Dilemma: a huge sprite & inline style tags VS. no inline style tags and many images

I have an application in which the user will 'upload' a lot of (small-size, from 5 to 20kb each) images to the HTML page, and will drag and drop them to different locations on the page (with jQuery). I have the choice of making them input images…
webketje
  • 10,376
  • 3
  • 25
  • 54
0
votes
1 answer

Using css sprites with javascript

I know how to use css sprites with pure html and css. But what if I dinamycally change an image by selecting a value from a dropdown box with javascript?