Cuando un sitio tiene mucho tráfico, y los pequeños cambios que se hagan para ahorrar peticiones y transferencia la mayor parte de la veces pueden ahorrar dinero. Uno de estos cambios es tener una sola imagen y se trabaje con ella con CSS para las distintas partes de la Web.

El por que se ahorra ancho de banda, es por que solamente se hace una petición. Que aunque se descarga la misma cantidad de bytes, solo se hace una consulta y no 100.

Esta técnica hace tiempo que ya la había leído, hoy leo en el blog de Carlos Leopoldo sobre este Generador de Sprites.

Si se preguntan que sitio grande implementa esta técnica no hace falta mucho buscar y mirar el código de Youtube para encontrarse con esta imagen:

http://s.ytimg.com/yt/img/master-vfl47921.gif

-

Entradas relacionadas

• Youtube videos musicales (0)
• Técnica para evitar el SPAM en tu email (4)
• Menu con CSS & jQuery (0)
• Leonardo da vinci 2.0 (6)
• Descargar música gratis: Convierte mp3 desde videos Youtube (0)