Foros del Web » Creando para Internet » CSS »

utilizar una imagen grande con todas las imagenes y saber su posicion exacta

Estas en el tema de utilizar una imagen grande con todas las imagenes y saber su posicion exacta en el foro de CSS en Foros del Web. He visto muchas paginas que utilizan una sola imagen, para toda las imagenes de la pagina web la verdad que es bastante curioso, lo que ...
  #1 (permalink)  
Antiguo 03/10/2010, 14:40
Avatar de gachon  
Fecha de Ingreso: septiembre-2004
Ubicación: En Google
Mensajes: 462
Antigüedad: 20 años, 2 meses
Puntos: 3
utilizar una imagen grande con todas las imagenes y saber su posicion exacta

He visto muchas paginas que utilizan una sola imagen, para toda las imagenes de la pagina web la verdad que es bastante curioso, lo que no se como hacer para poner las posiciones exactamente de la imagenes, ya que al parecer parece muy engorroso, lo que no se si realmente lo es??? y parece ser muy util,, pero como calculan las posiciones exactas de la imagen??
gracias y saludos.
  #2 (permalink)  
Antiguo 04/10/2010, 10:24
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 14 años, 5 meses
Puntos: 6
Respuesta: utilizar una imagen grande con todas las imagenes y saber su posicion exac

Hola gachon (me da algo de cosas escribir tu nick XD)

bueno la tecnica css que buscas se llama Sprites css, la cual consiste en "juntar varias imagenes en una sola" para aligerar la carga de imagenes en la web y optimizarla usando el background-position y uso del left center right dentro del background

claro que si cargas todas las imágenes(suponiendo que son muchas) de la web en una sola debido a su gran tamaño demorara mas por eso esta técnica css es mas aplicable a menús o diseños que lo necesiten...

un enlace para que te informes

http://www.romancortes.com/blog/la-t...e-sprites-css/

Saludos DTB

PD: recuerda leer también las desventajas
  #3 (permalink)  
Antiguo 04/10/2010, 11:06
Avatar de gachon  
Fecha de Ingreso: septiembre-2004
Ubicación: En Google
Mensajes: 462
Antigüedad: 20 años, 2 meses
Puntos: 3
Respuesta: utilizar una imagen grande con todas las imagenes y saber su posicion exac

muchas gracias TheDark por la aclaracion, era exactamente lo que necesitaba.
saludos
  #4 (permalink)  
Antiguo 04/10/2010, 21:10
Avatar de inhala  
Fecha de Ingreso: diciembre-2008
Mensajes: 122
Antigüedad: 15 años, 11 meses
Puntos: 8
Respuesta: utilizar una imagen grande con todas las imagenes y saber su posicion exac

buena yo tm tenia esta duda.!!!
  #5 (permalink)  
Antiguo 09/10/2010, 11:42
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
Respuesta: utilizar una imagen grande con todas las imagenes y saber su posicion exac

Aquí hay un tema donde discutimos el asunto de los sprites

Sprites css

Etiquetas: grande, imagenes, posicion, todas, utilidades
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 07:54.