I’ve noticed that recently sites began to keep images in one big image.
For example google.com

We see a lot of little images on left side. But really is one image:

How these images are cut and shown? (firebug says that it’s just element with width and height, but where X and Y position is pointed and how?)
Thanks for reply
with css background the image is moved to the right position. the other part of the image is not shown, because the element with the image as background is exactly as big as the wanted picture part.
try changing the px values in the css in the background part. you should see the image moving
here you see the background-position which is used for this image