Contenir dans une boîte

Mettez à l'échelle des images pour tenir entièrement dans une boîte englobante spécifiée tout en préservant leur ratio d'aspect original — équivalent au comportement CSS object-fit: contain. L'image ne se réduit qu'autant que nécessaire pour que la largeur et la hauteur restent dans vos limites maximales, sans recadrage et sans distorsion.

L'algorithme compare le ratio d'aspect de l'image au ratio d'aspect de la boîte englobante pour déterminer quelle dimension est la contrainte. Les images déjà plus petites que la boîte restent inchangées. Le résultat tient complètement à l'intérieur de vos limites spécifiées avec une précision proportionnelle garantie.

Les administrateurs de plateformes appliquant des limites de taille de téléchargement assurent que tous les téléchargements sont conformes. Les systèmes de génération de vignettes produisant des aperçus qui tiennent dans des espaces alloués gèrent les images sources d'orientation mixte de manière cohérente. Les designers de modèles d'e-mail contraignant les images à des dimensions maximales empêchent les images surdimensionnées de casser la mise en page.