Optimizando nuestra web (VI): Combinar imágenes

Sprite de Amazon.com

Volvemos de nuevo al problema de las peticiones: no es lo mismo mandar 60 archivos que mandar 10, por lo que tenemos que intentar hacer que las peticiones sean las mínimas posibles también con las imágenes… pero, ¿cómo lo lograremos?

Pues lo vamos a hacer gracias a combinar todas las imágenes que utilicemos siempre en una única imagen que luego dividiremos con el CSS mediante sprites, una técnica que usan todas las grandes y que es fantástica para ahorrar tiempo.

Para ello podemos valernos de un valioso generador de sprites como este, que nos ayudará al juntar todas las imágenes que subamos devolviéndonos el código correspondiente, aunque obviamente debemos tener en cuenta que esto nos sirve para las imágenes que acotemos mediante CSS.

En la próxima entrega veremos como hacer más pequeño el tamaño de nuestras imágenes, especialmente el de los archivos PNG que en ocasión tanto ocupan.


Escribe un comentario