0

I saw the following type of image in many websites when I download the website and I don't have any idea about this image

Can you please explain it..

enter image description here

I guess those are all icons and grouped together, if I am correct how can i use it in HTML page.

mplungjan
  • 169,008
  • 28
  • 173
  • 236

2 Answers2

1

This is a so called sprite image. You use the same image as background image for small elements und use background-position to set the proper icon.

The advantage is, you only have to load one image once.

See this article about sprite images.

andreas
  • 16,357
  • 12
  • 72
  • 76
  • 2
    Please just vote to close on the [duplicate](http://stackoverflow.com/questions/5194724/css-using-one-background-image-with-multiple-images-on-it) – mplungjan Oct 31 '16 at 09:48
1

These are image sprites: http://www.w3schools.com/css/css_image_sprites.asp You use these combined images as background images - and move them to the right position.

ESP32
  • 8,089
  • 2
  • 40
  • 61
  • 3
    Duplicate of http://stackoverflow.com/questions/5194724/css-using-one-background-image-with-multiple-images-on-it – mplungjan Oct 31 '16 at 09:48