Maquetar PSD

[fishdesign]

Los sprites tienen ya bastantes años (en el 2004 ya se usaba). No es nada nuevo ni yo me he inventado el nombre xD

http://css-tricks.com/css-sprites/

http://www.google.es/#hl=es&biw=1366&bih=667&q=css+sprites&aq=f&aqi=g-s1&aql=&oq=&fp=ae3ff68c43d1b013



Básicamente se trata de poner todas las imágenes en un mismo lienzo, dando finalmente un archivo .png con todas las imágenes (no tiene porque ser TODAS las imágenes de una web, todo depende).

Luego en css, se llama a la imagen y se usa el background-position para situar la imagen.


Qué bueno tiene esto?

Pues que ahorramos peticiones al servidor y la imagen final ocupará menos que si cogemos una por una, así que también se ahorra ancho de banda.


Aquí un ejemplo de Google:
http://www.google.es/images/srpr/nav_logo39.png


Un saludo