Imagen como fondo de pagina web con tamaño ajustable

Vamos a explicar como utilizando CSS podemos colocar una imagen como fondo de nuestra web y que el tamaño de dicha imagen se ajuste automáticamente a la resolución de cada monitor o al tamaño de la ventana del explorador. El resultado no es perfecto pero es un método bastante sencillo.


 Lo primero una consideración sobre las imágenes a utilizar y es que como van  a cubrir toda la pantalla manteniendo su proporción pues nos encontramos que teniendo en cuenta las pantallas anchas actuales será mejor usar imágenes de tipo rectangular en lugar de cuadradas. Para utilizar una imagen cuadrada deberemos asegurarnos que lo que deseamos que se vea quede justo en el centro.