Чем отличается object-position от object-fit при работе с изображениями на сайте?

Основное отличие свойств object-position и object-fit при работе с изображениями на сайте заключается в том, что каждое из них решает разные задачи:

1. Object-fit определяет, как изображение будет растягиваться или сжиматься, чтобы заполнить поле своего родительского контейнера. fruntend.com Это необходимо, когда размер или соотношение сторон картинки отличается от оборачивающего блока. fruntend.com Свойство масштабирует, обрезает или растягивает содержимое замещаемых элементов. html5book.ru
2. Object-position определяет, где внутри контейнера будет располагаться изображение. fruntend.com Оно принимает два числовых значения: одно для вертикальной оси, а другое — для горизонтальной. fruntend.com Эти числа могут быть в процентах, пикселях или других единицах измерения и могут быть отрицательными. fruntend.com Также можно использовать некоторые ключевые слова, такие как center, top, right и т. д.. fruntend.com По умолчанию изображение располагается в центре контейнера. fruntend.com