Creación de una fácil y útil técnica “sprites CSS” para las imágenes

Es un curioso artículo que he localizado en CSS Globe, que han titulado Creating easy and useful CSS Sprites, pero antes empecemos por lo básico. ¿Qué es el sprites CSS? Es una una forma de combinar las imágenes para mejorar nuestro tiempo de carga de las páginas, reduciendo el número de solicitudes a nuestro servidor. En dicho artículo nos enseñará a cómo hacerlas, y a pesar de estar en inglés, se puede seguir con facilidad, pues es muy claro.

Para dejar más clara lo que es la técnica sprites CSS, podemos utilizar un ejemplo de uso de un sprite CSS hecha por Google.

Cuando realizamos una búsqueda en Google, aparece una imagen en la parte inferior de la página, algo como esto: Gooooooooooooooogle.

La letra «o» se repite con el uso de la técnica CSS Sprite, por lo que en lugar de 15 tiempo de carga, sólo carga el sprite con todas las cartas de una vez.

Escrito por Toni

Comparte este artículo:

Estas son las categorías a las que pertenece el artículo Creación de una fácil y útil técnica “sprites CSS” para las imágenes:

Desarrollo web, Imagen/Ilustración, CSS

Insertar un Comentario