Muchas imagenes en una sola

[Shirag]

Buenas, tengo una pregunta, me gustaria aprender a poner muchas imagenes (botones, logo , y lo que necesite para mi web) en una sola imagen y luego a la hora de querer acceder a una de ellas hacerlo a traves de los pixeles o algo asi para que sea mas eficiente y no tenga que ir al servidor cada vez que quiero llamar a una imagen (ya que son muchas).

Aqui dejo por ejemplo, cinermark o clarin y otras paginas web hacen esto:

http://statics.cinemark.com.ar/images/sprite_buttons.png

de esta manera si no me equivoco creo que saben que de tal pixel a tal pixel esta esa imagen o no se bien si alguno sabe y me podria ayudar seria genial.

Saludos.

[pateketrueke]

Hay muchas herramientas para generar sprites, aplicaciones de escritorio, de consola y herramientas en linea.

Si buscas aprender a hacerlo te adelanto que no es cosa fácil, si lo consigues no dudes en compartir tu experiencia.

[quinqui]

Holas, Shirag.

Lo que necesitas para esto no es necesariamente PHP, lo puedes solucionar con el HTML/CSS de tu sitio. Investiga sobre la propiedad background-position de CSS y juega a probar qué te sale :D

Suerte y saludos!

[pzin]

Compass trae una excelente solución para generar sprites, no hace falta ni pensar.
Aunque hay que tener instalado Ruby me parece. Pero bueno, así podrías usar Sass también.

Por otro lado, no pienso que sea difícil de aprender como dice pateketrueke, es más bien ser organizado que otra cosa.

El ejemplo que muestras me parece que pecan un poco de sprititis. Porque pudiendo usar @font-face, o con herramientas como iconmoon, pues meterlo todo como imágenes hoy en día no es algo que sea necesario ni deseable.

Si te valen cositas en inglés:

• Artículo: http://coding.smashingmagazine.com/2...and-tutorials/
• Screencast: http://css-tricks.com/video-screenca...e-css-sprites/