Hola a todos.

Tengo una imagen de 1920 x 1200  en png(tiene un difuminado en la parte de abajo), que quiero que aparezca en mi página web com fondo de pantalla en la parte superior para que se funda con el color de fondo que tambien pondre.

Me gustaría que me explicasen como  hacer que esa imagen  se vea bien en todas las resoluciones, sin cortes ni repeticiones,  que no aparezca scrolls a la primera de cambio vamos,  quiero saber como  hacer para que esa imagen al igual que toda la web adapte su tamaño a la resolucion de la web.

Espero que puedan ayudarme porque he probado de mil y una formas y no entiendo porque no llega a funcionar.

He leido por ahí  que con una imagen  de 800x600 no habría problema, yo puedo adaptar mi imagen a 800x600, pero que atributos debería darle para que se adapte todalmente a la página web?.

Esto me trae de cabeza... Gracias de antemano

Las propiedades de las imágenes son: width y height

También puedes usar porcentajes (creo es mas conveniente en tu caso).

Muchas gracias por responder  pero no comprendo, sigue sin hacerse más pequeña la imagen cuando la resolucion es menor.


De todos modos , creo que encontré la solución.

http://srobbin.com/jquery-plugins/jquery-backstretch

SOLUCIONADO, pueden cerrar. Gracias