Разница между значениями scale-down и none свойства object-fit заключается в том, как они влияют на отображение изображения. 14

None указывает, что изображение будет отображаться в исходном размере, независимо от размеров контейнера. 14 Если размер изображения больше размеров контейнера, то произойдёт переполнение. 1 None нужен для ситуаций, когда нельзя менять реальный размер картинки, но для неё выделено конкретное пространство на странице. 3

Scale-down работает иначе: если размер изображения превышает размеры контейнера, то оно масштабируется так, чтобы соответствовать контейнеру. 1 При этом сохраняются исходные пропорции изображения. 1 Scale-down используется, когда нужно, чтобы изображение было видно в контейнере без обрезки. 1 Когда контейнер меньше изображения, scale-down работает как none: ширина и высота файла остаются в исходных размерах при отображении. 1

Таким образом, none подходит для ситуаций, когда важно показать оригинальный размер изображения, а scale-down — для случаев, когда необходимо, чтобы изображение соответствовало определённым размерам контейнера, но с сохранением пропорций.