imagen de fondo responsive

[Montes28]

hola amigos espero me puedan ayudar

requiero ponerle una imagen de fondo a mi pagina web, esta imagen la tengo de las siguientes dimensiones 2552x3302 y pesa 1.13 MB.

como puedo hacer para que la imagen se vea bien en diferentes resoluciones (creo que es responsive) ?


este es mi codigo

Código CSS:

body{
    background-image: url(membrete.jpg);
    background-repeat:no-repeat;
}
 

la imagen esta grande , que dimensión debería ser?

[pzin]

Puedes usar background-size. Luego tienes varias forma de ajustar, ya sea usando medidas relativas, o cosas como contain o cover:

Código CSS:

background-size: cover;
 

Hombre, en principio la imagen es bastante pesada. Prueba a intentar reducir la calidad. Ten en cuenta que la mayoría de personas está con una resolución de pantalla de un máximo de 1.300 pixeles, o por ahí.