CSS Sprites es una técnica que se utiliza mucho en desarrollos de sitios web y que empezó a utilizarse en los videojuegos. Consiste en utilizar una sola imagen compuesta por varias pero que haciendo uso con la propiedad background-position de CSS podamos elegir una parte de esa imagen de forma individual.
Esta técnica ayuda mucho a una rápida carga de una web, y si tomamos como ejemplo un tutorial realizado por Kabytes con una lista ordenada de iconos de redes sociales, podemos ver la diferencia en velocidad al utilizar o no dicha técnica:
- Sin utilizar CSS Sprites
- Utilizando CSS Sprites
Desde Iconify nos traen un recurso bastante útil con iconos pláticos y CSS Sprites que seguro harán de nuestros desarrollos algo más veloz y profesional. En el artículo nos proponen descargar tanto los iconos como el CSS Sprite para poder utilziarlo en nuestros desarrollos.
Un recurso bastante útil que no se nos puede escapar.