Diferentes resoluciones diferentes css,pero ¿y la imágenes?

[jamejilla]

Hola:

Ya he visto que una buena manera de trabajar con distintas resoluciones es cargar distintas hojas de estilo según la resolución (en vez de hacer distintas webs),pero hay una parte que no tengo clara:

Si mi web tiene un cuerpo central de 800x600 px (por ejemplo), cuyo background es una foto del mismo tamaño,cuando cargue un css distinto y me ponga un cuerpo de 700x500 px ,¿como puedo hacer para cargar la misma imagen de fondo pero con menos tamaño?

Si estoy equivocado agradecería un consejo de como se hace eso.

Gracias

[Aresillo]

yo hasta donde sé. eso que dices de diferentes hojas de estilos para diferentes resoluciones no es una buena práctica...
Lo suyo es hacer un código cross-browers que o sea liquido con max-width y min-width o fijo para las resoluciones más pequeñas (800x600 o 1024x768)

No entiendo si haces css para resoluciones de 640,800,1024 y superiores porque no haces un diseño liquido... si con el css lo adaptas tan bien es porque puedes hacer un diseño liquido...
de todas formas. creo que si estableces un ancho o alto a las imagenes con medidas relativas, se irá reajustando también...

Un saludo

Ares

[jamejilla]

Sí,lo de la imagen con medidas relativas funciona pero no es muy eficiente cargar una imagen grande y mostrarla pequeña.En el caso contrario es peor aún porque lo que haces es estirar la imagen haciendo que pierda calidad.

Lo del diseño líquido me daría problemas si quiero tener un cuerpo que sea una imagen por ejemplo o eso creo.

[Daniel Ulczyk]

He leído recientemente (en inglés) un buen tutorial que habla sobre la Accesibilidad Web con respecto a imágenes que por dimensiones tienen em

CSS Scale Image Html Tutorial

Es un artículo interesante, especialmente por la capacidad hoy día, de varios navegadores que permiten ajustar el nivel de zoom de la página (CTRL + | CTRL -)