¿Cómo hago para que la imagen de fondo no pierda su calidad?

[waltersele]

Hola Piltre, para que la imagen no se vea mal cuando achicas o agrandas la pantalla es tema de la resolución imagen, no del css ni del html.

Hay que jugar entre calidad y optimización, pues evidentemente cuantos más pixeles más ocupará.

Las fotografías deben tener el tamaño máximo de pantalla que quieras utilizar para que no pierdan calidad, pero debes optimizar esa imagen para que tenga una buena definición con esas dimensiones y no sea una carga excesiva para la web.

Recuerda que 72ppp es lo máximo que aguanta la web, tener imágenes con más ppp sólo aumentará el tamaño de tu imagen y por tanto el tiempo de carga de tu página (por ejemplo...)

Una practica recomendable puede ser tener varios tamaños y cargar según la resolución.

Para hacer esto tendrías que poner tu imagen como background y cargar con mediaqueries los distintos tamaños.

Un saludo!