Foros del Web » Creando para Internet » CSS »

Imagen para responsive design

Estas en el tema de Imagen para responsive design en el foro de CSS en Foros del Web. Buenos días a todos! Veréis, tengo un problemilla que no sé cómo solucionarlo. La cabecera del sitio web tiene una imagen....la cosa está que se ...
  #1 (permalink)  
Antiguo 29/01/2013, 02:48
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 4 meses
Puntos: 14
Pregunta Imagen para responsive design

Buenos días a todos!

Veréis, tengo un problemilla que no sé cómo solucionarlo.

La cabecera del sitio web tiene una imagen....la cosa está que se requiere ahora diseñarla para que se vea bien en cualquier dispositivo.

Como a partir de esa web, se actualizarían otras páginas que tienen el mismo formato y mismo diseño (digamos que es algo a modo "plantilla") necesitaría hacer de alguna forma que la misma imagen que se tiene puesta de fondo se adapte completamente al cabecero, es decir, en vez de ir creando una imagen para cada caso del css y posterior enlace en el css, adaptar la imagen que ya tenía como fondo.

¿Se podría hacer de alguna forma?
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #2 (permalink)  
Antiguo 29/01/2013, 03:28
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 10 meses
Puntos: 306
Respuesta: Imagen para responsive design

La cuestión depende del tamaño de la imagen, de la resolución del dispositivo y mucho más etc.
Por ejemplo: http://ksesocss.blogspot.com/2012/11...pi-retina.html

Ahora, si usas responsive lo mejor, a mi modesto entender, es tener al menos un par de versiones de la misma imagen, para resoluciones grandes (monitores de pc, etc,) y para dispositivos móviles, donde además la velocidad de carga puede hacer que nunca se llegue a ver.

Esperemos que alguien con más idea que yo nos pueda orientar mejor a ambos.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 29/01/2013, 03:37
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 4 meses
Puntos: 14
Respuesta: Imagen para responsive design

Cita:
Iniciado por C2am Ver Mensaje
La cuestión depende del tamaño de la imagen, de la resolución del dispositivo y mucho más etc.
Por ejemplo: http://ksesocss.blogspot.com/2012/11...pi-retina.html

Ahora, si usas responsive lo mejor, a mi modesto entender, es tener al menos un par de versiones de la misma imagen, para resoluciones grandes (monitores de pc, etc,) y para dispositivos móviles, donde además la velocidad de carga puede hacer que nunca se llegue a ver.

Esperemos que alguien con más idea que yo nos pueda orientar mejor a ambos.

Saludos
Gracias por tu respuesta!

Verás C2am mi problema consistiría en realidad en que, al ser una versión digamos 2.0 de una web y que sirve a modo de plantilla, con las mejoras que se le hagan se actualizarán creo que cerca de 10/15 páginas web que partieron con dicha plantilla.

Entonces, mi problema está en que si parto de hacer versiones de imágenes para el responsive design, tendría que hacer las mismas versiones en las 10/15 webs que se actualizarán
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"

Etiquetas: design, responsive
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 04:08.