Как настроить размер изображения или как правильно его разместить?

Question

[Василий Петров]

У пользователя есть возможность создавать посты через фронтенд. В форме публикации записи пользователь загружает миниатюру изображения, а далее я вывожу данные из публикации как мне нужно: миниатюра выводится в рамке, размер которой фиксированный.

Изображение, загружаемое пользователем может быть любой пропорции, и соответственно, если изображение не совпадает с пропорцией рамки, оно выводится некрасиво.

Как быть? Смотрел jquery плагин crop (cropper, много короче их), но пока не особо разобрался в нем, плюс много гемора будет, т.к. придется как-то прикручивать его к вордпрессю. Может есть другой выход?

Answer 1

[Егор Шустров]

если то кудавыводится картинка можно пошаманить с направлением ну там еще конечно и background-image position и т.д карочи поставить её по центру основного дива, будет в полне мило смотреться и картинка тянутся лишний раз куда попала не будет. ну или overflow:hidden. для основного блока.

это если не хотите парится со скриптами. еще можно как cover поставить картинку.

Comments

[Василий Петров]

Спасибо, посмотрю что получится

Answer 2

[profesor08]

Сначала тебе сюда: background-size: cover;
Потом сюда: https://jsfiddle.net/profesor08/z7fx43fz/