У меня есть изображение, и я хочу установить его конкретную ширину и высоту (в пикселях)
Но если я задаю ширину и высоту с помощью css (width:150px; height:100px
), изображение будет растянуто, и оно может быть уродливым.
Как Заполнить изображения до определенного размера с помощью CSS и не растягивать?
Пример заполнения и растяжения изображения:
Исходное изображение:
Растянутое изображение:
Заполненное изображение:
Обратите внимание, что в примере с заполненным изображением выше: сначала размер изображения изменяется до 150x255 (поддерживаемый формат изображения), а затем обрезается до 150x100.