resumeНакратко
Позицията на изображението може да пази важния детайл при изрязване.
Полезно е да знаеш
object-position определя къде стои съдържанието на изображение или видео в собствената му кутия. Когато object-fit: cover изрязва снимката, позицията избира коя област да се запази. [1]
Пример: img { width: 240px; height: 160px; object-fit: cover; object-position: 50% 20%; }. Горната част получава повече място спрямо стандартното центриране. Размерът на самия HTML елемент остава същият. При портрет провери дали лицето остава видимо и при по-тесен екран; една позиция не е подходяща за всички снимки.
Източници
За повече подробности и проверка на информацията: