[RESOLU] corriger flou et taille? d'une image en background css

Eléphant du PHP | 345 Messages

28 sept. 2021, 00:01

Bonjour,
tout est dans le titre.
Est-ce possible d'améliorer la netteté d'une image de fond?
Celle-ci est floue et surtout "surdimensionnée"...
body {
color:black;
background-color:white;
background-image:url(images/enter_ville.gif);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
Si j'enlève les background-size, j'ai une image nette mais qui n'est plus du tout le fond d'écran, mais juste l'image centrée sur 1 fond blanc.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

28 sept. 2021, 14:29

Pour améliorer la netteté, il te faudra une image de meilleure qualité (et meilleure résolution).

Là ton problème semble surtout être à cause du redimensionnement donc à toi de voir quel est le meilleur redimensionnement à avoir pour limiter la perte de qualité... ou alors de prendre une autre image
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphant du PHP | 345 Messages

28 sept. 2021, 22:49

Oui, c'est ce que j'ai bricolé. J'ai retravaillé mon image et ai rajouté un background-size: 30%. Et ça colle à peu près.