1 Image Sprites

2 Uso de Image Sprites Es una colección de imágenes colocadas en una simple imagen: Una página web con muchas imágenes puede tardar mucho tiempo en cargarse y genera múltiples peticiones al servidor. Usando sprites imagen se reducirá el número de peticiones al servidor y ahorrar ancho de banda.

3 Image Sprites

4 CSS more-link { background: url("img/sprites.png") no-repeat; color: #ffffff; display: block; font: 11px/29px serif; height: 35px; text-align: center; text-transform: uppercase; }.more-link { width: 118px; }.more-link { background-position: -413px -61px; HTML Ver galería

5 background-position: -413px -61px;

6 Herramientas para realizar sprites

7

8