n1ro°
RU

Калькуляторы / Windows / Linux / ПО

CSS object-fit: размер и обрезка изображения

Посчитайте scale, отображаемый размер и обрезку/поля для object-fit: contain и cover при известных сторонах.

От 1 до 1,00e7
От 1 до 1,00e7
От 1 до 1,00e7
От 1 до 1,00e7

Как получается результат

contain: min(cw/sw,ch/sh); cover: max(...); центрирование 50% 50%.

Пример

800×600 в 400×400 cover → scale 0,666… с обрезкой.

Ограничения

Без произвольного object-position кроме центра.

Источники

Проверено: · Актуальность: 14.09.2026 · Редакция N1RO

Нашли ошибку? Сообщить