Bonjour,

Lorsque dans mon code css, je mets une largeur et/ou une hauteur en %, mon image respecte son ratio et en pixels, elle ne le respecte pas.

Hors, grâce à des background-position, j'aimerais avoir pour une certaine image, un portrait alors que l'image est un paysage.

Donc avec background-position et background-size, j'obtiens une partie de mon image en portrait: c'est efficace et c'est le résultat attendu.

Maintenant, le problème c'est qu'avec les balises largeur et hauteur, en pixels, j'obtiens le résultat escompté mais si je redimensionne la page, l'image reste énorme, alors qu'avec des %, c'est impeccable mais mon image reste alors en paysage ...

Salut,

Pourquoi ne pas simplement redimensionner l'image directement au format voulu dans un logiciel de retouche d'image ?

Sinon, comme d'habitude : Il faut ton code pour qu'on puisse tester. Pense à codepen ou jsfiddle pour nous montrer un exemple et nous permettre de tester directement.

Parce qu'il faut grâce à un code php reprendre une image de n'importe quels types (portrait ou paysage) et de montrer une version portrait de celle-ci.

Prenons un exemple, une personne fait un article sur mon site mais il n'a pas trouvé d'images portrait et il ne l'a pas redimensionné, je souhaite que sur ma page d'accueil, la première image soit en portrait (l'article le plus récent) et les autres en paysage mais je n'ai pas de problème à ce niveau.

Une portion de mon code n'est pas utile ici, on donne son code pour régler une erreur d'affichage ou autres mais dans ce cas-ci, mon code affiche exactement CE QUE JE MARQUE, hors, je cherche un moyen de rendre indépendant les paramètres width et height. Qui sont dépendant en %.

Alors c'est du côté de php que tu dois entreprendre de recadrer les images.

C'est une question d'optimisation avant tout, on ne laisse pas libre court à la folie de l'utilisateur, sinon tu vas très vite te retrouver avec des fichiers de 4000px de large qui seront chargés dans ta page et redimensionné ensuite par le CSS ; le poids de l'image reste le même, et la dégradation obtenue est moche. Les librairies ImageMagick et GD sont faites pour ça.

Et oui, ton code est utile. Parce que tes explications, elles sont claires pour toi qui connaît le résultat. Nous, on ne l'a pas, alors c'est clair comme du jus de pruneaux.