Foros del Web » Programando para Internet » PHP »

Muchas imagenes en una sola

Estas en el tema de Muchas imagenes en una sola en el foro de PHP en Foros del Web. Buenas, tengo una pregunta, me gustaria aprender a poner muchas imagenes (botones, logo , y lo que necesite para mi web) en una sola imagen ...
  #1 (permalink)  
Antiguo 27/06/2013, 20:33
 
Fecha de Ingreso: enero-2013
Mensajes: 32
Antigüedad: 11 años, 11 meses
Puntos: 0
Muchas imagenes en una sola

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.
  #2 (permalink)  
Antiguo 27/06/2013, 20:46
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años, 8 meses
Puntos: 2534
Respuesta: Muchas imagenes en una sola

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.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #3 (permalink)  
Antiguo 28/06/2013, 07:20
Avatar de quinqui  
Fecha de Ingreso: agosto-2004
Ubicación: Chile!
Mensajes: 776
Antigüedad: 20 años, 4 meses
Puntos: 56
Respuesta: Muchas imagenes en una sola

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!
__________________
pipus.... vieeeeeji plomius!!!
*quinqui site*
  #4 (permalink)  
Antiguo 28/06/2013, 09:00
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Muchas imagenes en una sola

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:

Etiquetas: css, imagenes, muchas, sprites
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:17.