Imagen para responsive design

[madman_18]

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?

[C2am]

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

[madman_18]

Iniciado por C2am

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