Sprites, donde poner punto y final

[eversor]

Estaba ahora en el proceso de crear una pagina, y resulta que contiene bastantes iconos, yo los habia agrupado en lotes segun donde se desplegaban. Los que lo hacian en el menu lateral en uno, lo del menu superior en otro y asi.

Pero me ha surgido la duda, ¿Por qué no agruparlos todos en un solo? a lo cual surge la pregunta, de ¿Cual es el limte? porque ya puestos, porque no agruparlo todo en un sprite?

Gracias

[lair]

Según varios estudios realizados por Yahoo!, hasta el 80% de la mejora en el rendimiento de la
descarga de páginas web depende de la parte del cliente.

Yahoo! explica que generar dinámicamente el
código HTML de la página y servirla ocupa el 20%

El 80% del tiempo restante los navegadores descargan las imágenes, archivos JavaScript, hojas de
estilos y cualquier otro tipo de archivo

la mayor parte de ese 80% del tiempo se
dedica a la descarga de las imágenes.

La idea para mejorar el rendimiento de una página que descarga por ejemplo 15 imágenes
consiste en crear una única imagen grande que incluya las 15 imágenes individuales y utilizar las
propiedades CSS de las imágenes de fondo para mostrar cada imagen. Esta técnica se presentó
en el artículo CSS Sprites: Image Slicing’s Kiss of Death ( http://www.alistapart.com/articles/sprites ) y desde entonces se conoce con el nombre de sprites CSS.

Segun entiendo entre menos "archivos" de imagen cargues es mas optimo, por lo que asumo que mientras tu imagen no sea algo extremadamente grande (1024x768 o algo asi) no deberia de haber problema.

JQuery usa sprites de 256x240.

Suerte.

[eversor]

Gracias, muy util

[cristian_cena]

Hola evesor, no entiendo tu pregunta, pero te comparto esta aplicación que es la que uso para generar sprites. la recomiendo porque es muy útil.

Saludos!