Glosario · Formatos
Sprite
Una sola imagen que reúne varias imágenes pequeñas; se muestra por partes con CSS.
En detalle
Un sprite junta, por ejemplo, 12 cuadros de una animación o varios íconos en un único archivo. El banner enseña cada parte moviendo o recortando la imagen con CSS (background-position).
Se usa para reducir el número de archivos del paquete y para hacer animaciones cuadro a cuadro. Su límite es el mismo de cualquier imagen: pesa lo que pesan todos los cuadros juntos.
Ejemplo
background-position: -300px 0;