В чем отличие between object-fit cover и object-fit scale-down?

Отличие значений object-fit cover и object-fit scale-down заключается в том, как они влияют на отображение изображений. doka.guide htmlacademy.ru

object-fit cover — изображение масштабируется таким образом, чтобы полностью заполнить родительский элемент. htmlacademy.ru При этом пропорции сохранятся, но всё, что не поместится в размер бокса, обрежется. htmlacademy.ru

object-fit scale-down — это значение определяется автоматически и выбирает более подходящее значение между none и contain. htmlacademy.ru Если размеры изображения больше размеров родительского элемента, то scale-down будет вести себя как contain, иначе — как none. htmlacademy.ru

Таким образом, cover фокусируется на полном заполнении элемента, в то время как scale-down определяет, как изображение будет отображаться в зависимости от его размера относительно родительского элемента.