Un sprite puede referirse a cualquiera de los siguientes:

1. Al referirse a una página web, un sprite es una imagen única que consta de varias imágenes. La imagen de la derecha es un ejemplo de un sprite único de Computer Hope que tiene 12 imágenes diferentes utilizadas en el sitio web de Computer Hope. Al usar sprites en una página web, se mejoran los tiempos de carga y se reduce el estrés del servidor. En el ejemplo, como las doce imágenes están contenidas en el sprite, su navegador solo tiene que hacer una solicitud al servidor en lugar de doce.

A continuación se muestra un ejemplo de una clase CSS que se usa para mostrar el ícono de la página de impresión en Computer Hope. Cada imagen en el sprite se carga de la misma manera, pero la ubicación de la imagen cambia.

 .print {background: url (img / definition / 134 / what-is-sprite.png) no-repeat -10px -302px 

Aunque un sprite se puede hacer manualmente, para los usuarios nuevos en sprites o que no quieran jugar con el sprites, recomendamos usar un generador de sprites como Spritegen.com.

2. Una imagen gráfica o una imagen gráfica animada que se puede mover independientemente con el cursor del mouse o los comandos del teclado. Un ejemplo de un sprite es el cursor del ratón de la computadora.

CSS, gráfico, icono, términos de diseño web