CSS - Como hacer que una imagen no se pixele

Hola a todos. Quiero clocar una imagen de fondo en el header de mi sitio que ocupe todo el ancho de la pantalla pero que no se pixele, es decir que no se distorcione. Esto se puede hacer con CSS o tengo que modificar la imagen?

Gracias

Imagen de gran resolución y cover de fondo

Hola Kathyu, no me queda muy claro... podrías ser un poco mas especifica?

A que te refieres con "cover de fondo"??

Claro, creo que a veces me falta explicar un poco, generalmente lo hago de buena manera, con el propósito que el que hace el post lea, busque, y averigüe un poco

Con lo de "cover" me refiero a


Y acá un concepto mas normal del cover: Cuando se usa una imagen como cover con background-size: cover; la imagen cubre todo el contenedor "que la contiene" y por eso decía que debe ser de gran tamaño, esto me ha salvado muchas veces. También hay que saber que en la background-positio adecuada la imagen se verá de una u otra manera

Acá lo principal es que no se pixelee, entonces si o si debe ser una imagen de gran resolución y que no sea muy pesada.

ah, muy interesante Kathyu, gracias por la explicación!!!

Solo añadir que la solución de Kathyu no soluciona esto en realidad.
Pixelado es muy distinto a distribuir/ocupar espacio como lo hacen las las opciones de la propiedad background-size.
El pixelado es un tema que pasa por la calidad y tamaño de gráficos. Para esto recomiendo uses svg o webp (lossless), o bien guardes la imagen en un tamaño mayor. Podrias añadir una opacidad o blend via css, esto usualmente ayuda a esconder el pixelado.

Claramente el usuario autor no responde ni se ve interesado, pero queda el apunte para un futuro .

Hola, gracias por responder. Estos días no tuve internet, por eso no respondí. Voy a probar tu sugerencia. Muchas Gracias por tomar tu tiempo y responder.

Gracias