Les mots utiles, en clair
- CSS : présentation
- Les règles qui définissent les couleurs, les tailles et la disposition de votre page.
Observer le fichier sous le cadre
Une image affichée dans une petite carte peut provenir d’un fichier beaucoup plus grand. Object-fit ajuste sa présentation dans la boîte, mais ne produit pas à lui seul une ressource plus légère. Le réseau et le rendu doivent donc être examinés séparément.
Choisir le point d’intérêt
Un cadrage automatique peut couper un visage, un produit ou une information importante. Vérifiez le comportement lorsque la carte change de proportions sur mobile. Le point de positionnement et les variantes éditoriales doivent préserver le sens du visuel, même si le cadrage semble correct sur un seul écran.
Associer rendu et sélection de source
Utilisez des dimensions et des variantes adaptées à la place réelle de l’image. Gardez des règles CSS cohérentes avec son ratio et contrôlez la netteté. Une solution complète associe une bonne ressource à un bon cadrage ; elle ne se limite pas à masquer les parties qui dépassent.