Les modèles en libre-service du lab sont pensés pour être utilisés facilement. Textes, images, couleurs… Tout peut être remplacé sans avoir à faire de retouche photo ou autre. C’est pourquoi dans la majorité des modèles les images sont redimensionnées et recadrées automatiquement. Ce qui veut dire que n’importe quelle image prendra toujours la même forme et la même place imposée en CSS.

Les propriétés utilisées en CSS sont les suivantes :

object-fit et object-position

Object-fit redimensionne l’image en fonction du conteneur et object-position sert à déplacer l’image selon le besoin.

La bonne comparaison serait d’imaginer une photo placée dans un cadre que l’on ajuste selon la taille et forme du cadre.

A vous de choisir la bonne image!